Question

In: Computer Science

Jquery--- we want 1 plugin and 3 widget in webpage but after adding plugin to webpage...

Jquery--- we want 1 plugin and 3 widget in webpage but after adding plugin to webpage our widget are not working can u plz look into this

thank you

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>3 widget and 1 plugin</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

  
  
<script>
$( function() {
$( "#tabs" ).tabs();
} )
$( function() {
$( "#datepicker" ).datepicker();
} )
$( function() {
var availableTags = [
"USA",
"CANADA",
"INDIA"
];
$( "#tags" ).autocomplete({
source: availableTags
});
} )
  

$(document).ready(function(){
$('.slider').bxSlider();
});
  
  

</script>
</head>
<body>
<H1>Travel Agency</H1>

<div class="slider">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
  
</div>
  
<div id="tabs">
<ul>
<li><a href="#tabs-1">CANADA</a></li>
<li><a href="#tabs-2">USA</a></li>
<li><a href="#tabs-3">INDIA</a></li>
</ul>
<div id="tabs-1">
<p>The second largest country in the world, Canada has no shortage of beautiful landscapes and unique sites for travelers to explore. From coast to coast to coast, the country is home to vibrant and culturally rich cities, along with incredible natural wonders.</p>
</div>
<div id="tabs-2">
<p>From coastlines to big cities, the United States is made up of so many diverse destinations that it's hard to decide which places deserve the distinction of the best in America. That's why U.S. News considered a variety of factors, such as attractions, accommodations and dining options, as well as votes from thousands of travelers, to determine the best places to visit in the USA.</p>
</div>
<div id="tabs-3">
<p>Blessed naturally, India attracts millions of travelers from all over the world round the year with an enticing trip to India. There are plenty of reasons to visit India – be it mountains or plains, beaches or backwaters, wildlife tours or adventure activities, secluded islands or bustling metropolitan, culinary delights or local drinks, spiritual holidays or romantic vacations. For those travelers who are visiting India for the first time, the tourist destinations in India offer every reason that makes them wish they stayed a little longer in India.</p>
</div>
</div>
<p>Date: <input type="text" id="datepicker"></p>
<div class="widget">

<div class="ui-widget">
<label for="tags">AutoSearch(type US---it will show USA,INDIA &amp; CANADA): </label>
<input id="tags">
</div>

  

  
</div>
  
  
  

</body>
</html>

Solutions

Expert Solution

The updated code is present below. I have corrected one url and commented one line. It was hapenning because you were loading jquery again and that was causing the issue.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>3 widget and 1 plugin</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

  
  
<script>
$( function() {
$( "#tabs" ).tabs();
} )
$( function() {
$( "#datepicker" ).datepicker();
} )
$( function() {
var availableTags = [
"USA",
"CANADA",
"INDIA"
];
$( "#tags" ).autocomplete({
source: availableTags
});
} )
  

$(document).ready(function(){
$('.slider').bxSlider();
});
  
  

</script>
</head>
<body>
<H1>Travel Agency</H1>

<div class="slider">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
<img src="https://www.pexels.com/photo/architecture-buildings-business-city-374870">
  
</div>
  
<div id="tabs">
<ul>
<li><a href="#tabs-1">CANADA</a></li>
<li><a href="#tabs-2">USA</a></li>
<li><a href="#tabs-3">INDIA</a></li>
</ul>
<div id="tabs-1">
<p>The second largest country in the world, Canada has no shortage of beautiful landscapes and unique sites for travelers to explore. From coast to coast to coast, the country is home to vibrant and culturally rich cities, along with incredible natural wonders.</p>
</div>
<div id="tabs-2">
<p>From coastlines to big cities, the United States is made up of so many diverse destinations that it's hard to decide which places deserve the distinction of the best in America. That's why U.S. News considered a variety of factors, such as attractions, accommodations and dining options, as well as votes from thousands of travelers, to determine the best places to visit in the USA.</p>
</div>
<div id="tabs-3">
<p>Blessed naturally, India attracts millions of travelers from all over the world round the year with an enticing trip to India. There are plenty of reasons to visit India – be it mountains or plains, beaches or backwaters, wildlife tours or adventure activities, secluded islands or bustling metropolitan, culinary delights or local drinks, spiritual holidays or romantic vacations. For those travelers who are visiting India for the first time, the tourist destinations in India offer every reason that makes them wish they stayed a little longer in India.</p>
</div>
</div>
<p>Date: <input type="text" id="datepicker"></p>
<div class="widget">

<div class="ui-widget">
<label for="tags">AutoSearch(type US---it will show USA,INDIA &amp; CANADA): </label>
<input id="tags">
</div>

  

  
</div>
  
  
  

</body>
</html>

Screenshot of the website working is present below. It doesn't have the style.css because you did not provide and that is why lookign like this.


Related Solutions

After adding a new line of widgets, Worldwide Widget Manufacturing, Inc., expects all assets and current...
After adding a new line of widgets, Worldwide Widget Manufacturing, Inc., expects all assets and current liabilities to shrink with sales. The company has sales for the year just ended of $20 million. The company also has a profit margin of 20 percent, a return ratio of 25 percent, and expected sales of $18 million next year. Worldwide Widget Manufacturing, Inc., shows the following on its balance sheet. Assets Liabilities and Equity Current assets- $2,500,000 Current liabilities- $1,250,000 Fixed assets-...
1. We want to test a new drug and we want to ensure that all age...
1. We want to test a new drug and we want to ensure that all age groups are represented it to do this we split up the general population into age groups and then select randomly within each group state what type of sampling this is and support your answer. 1b. Describe what type of distribution this is and support your answer 2. We roll 5 six-sided die. What is the probability of obtanining exactly two 1s? 3. How many...
QUESTION 3 [10] With this problem, we want to explore the idea that, if it were...
QUESTION 3 [10] With this problem, we want to explore the idea that, if it were not for drag, raindrops would attain fantastic speeds near Earth’s surface. Piet observes that the raindrops that are hitting him, have a radius of 2.00 mm and fall from a cloud located 1000 m above the ground he is laying on. Take the drag coefficient of the raindrops to be 0.50 and the ambient temperature to be 20.0 °C. HINT: The area in the...
This project involves a new type of widget. We think we can sell 6,000 units of...
This project involves a new type of widget. We think we can sell 6,000 units of the widget per year at a price of $950 each. Variable costs will run about $400 per unit and the product should have a four-year life. Fixed costs for the project $450,000 per year and we will need to invest a total of $1,200,000 in manufacturing equipment. The equipment will be depreciated using MACRS over 7 years. In year four, the equipment will be...
This project involves a new type of widget. We think we can sell 6,000 units of...
This project involves a new type of widget. We think we can sell 6,000 units of the widget per year at a price of $950 each. Variable costs will run about $400 per unit and the product should have a four-year life. Fixed Costs for the project will run $450,000 per year and we will need to invest a total of $1,200,000 in manufacturing equipment. The equipment will be depicted using MACRS over seven years. In year four, the equipment...
The expected dividends for a stock are: Year 1=$2, Year 2=$3, after Year 2, we expect...
The expected dividends for a stock are: Year 1=$2, Year 2=$3, after Year 2, we expect dividends to grow by 6% forever. If we require an annual return of 8% from this stock, what would be the value of the stock to us? If it sells for $30 in the market, should we buy it?
1/ The Acme Company manufactures widgets. The distribution of widget weights is bell-shaped. The widget weights...
1/ The Acme Company manufactures widgets. The distribution of widget weights is bell-shaped. The widget weights have a mean of 63 ounces and a standard deviation of 6 ounces. Use the Standard Deviation Rule, also known as the Empirical Rule. Suggestion: sketch the distribution in order to answer these questions. a) 68% of the widget weights lie between  and b) What percentage of the widget weights lie between 45 and 69 ounces?  % c) What percentage of the widget weights lie above...
1.) The Acme Company manufactures widgets. The distribution of widget weights is bell-shaped. The widget weights...
1.) The Acme Company manufactures widgets. The distribution of widget weights is bell-shaped. The widget weights have a mean of 65 ounces and a standard deviation of 6 ounces. Use the Standard Deviation Rule, also known as the Empirical Rule. Suggestion: sketch the distribution in order to answer these questions. a) 95% of the widget weights lie between and b) What percentage of the widget weights lie between 59 and 77 ounces? % c) What percentage of the widget weights...
Suppose we want to test whether or not three means are equal. We want to perform...
Suppose we want to test whether or not three means are equal. We want to perform this test with a 2% significance level. If we perform an ANOVA test, what is the probability of the test producing accurate results (avoiding a Type I error)? Suppose we, instead, run three separate hypothesis tests (t-tests), each with 2% significance level. Mean 1 = Mean 2 Mean 1 = Mean 3 Mean 2 = Mean 3 What is the probability that all three...
Suppose we want to test whether or not three means are equal. We want to perform...
Suppose we want to test whether or not three means are equal. We want to perform this test with a 2% significance level. If we perform an ANOVA test, what is the probability of the test producing accurate results (avoiding a Type I error)? Suppose we, instead, run three separate hypothesis tests (t-tests), each with 2% significance level. Mean 1 = Mean 2 Mean 1 = Mean 3 Mean 2 = Mean 3 What is the probability that all three...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT