thứ tự kịch bản cho jquery với bootstrap

Tôi mới sử dụng jquery và bootstrap, và tôi không thể khiến họ chơi độc đáo với nhau. Tôi có một trang với cả hai trình đơn thả xuống bootstrap và thanh trượt jquery. Tuy nhiên, tôi không thể khiến cả hai người cùng làm việc cùng một lúc.thứ tự kịch bản cho jquery với bootstrap

Dropdowns Bootstrap làm việc với tập tin này, và thanh trượt phá vỡ

<html lang="en"> 
<head> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <script src="/js/slider_input.js"></script> 
</head> 

<body> 
.... 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="/bootstrap/js/bootstrap.min.js"></script> 

</body 
</html

Bằng cách loại bỏ lần thứ hai để dòng cuối cùng như sau:

Sliders làm việc, và Dropdowns bootstrap phá vỡ

<html lang="en"> 
<head> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <script src="/js/slider_input.js"></script> 
</head> 

<body> 
.... 

    <script src="/bootstrap/js/bootstrap.min.js"></script> 

</body 
</html

Nguồn

2013-06-04 bcoop713

oh yeah, bây giờ tôi thấy xin lỗi. Bạn phải tải jquery thực tế của bạn trước, UI khác sẽ không hoạt động. Vì vậy, đây sẽ là đầu

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 
<script src="/bootstrap/js/bootstrap.min.js"></script> 
<script src="/js/slider_input.js"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

Cũng trong html5 bạn cần phải rời khỏi khỏi 'type = 'text/javascript'', giống như một bootstrap, cũng được consisten, vì vậy nếu bạn có nó ở bên kia, cũng thêm nó vào bootstrap, nó phải làm với các quy tắc tải.

Nguồn

2013-06-04 20:28:48

Không chắc chắn, nhưng có vẻ như phiên bản Bootstrap của bạn yêu cầu phiên bản mới hơn phiên bản của jQuery để chạy đúng, cố gắng thay thế:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

với

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

và sau đó rời khỏi nó đi trong cơ thể bạn.

Hãy cho tôi biết điều gì xảy ra sau đó.

Lưu ý:Đừng bao giờ tải hai jQuerys, họ sẽ phá vỡ và ngăn chặn hoạt động của các chức năng của mình, và đặc biệt là khi bạn sử dụng ajax trên trang của bạn.

Nguồn

2013-06-04 19:43:07

Một trong số đó là dành cho jqueryui và một là từ jquery, tôi không cần cả hai? – bcoop713

Hãy thử nó anyway và nó vẫn bị hỏng: ( – bcoop713

oh yeah bây giờ tôi thấy xin lỗi.Bạn phải tải jquery thực tế của bạn đầu tiên, giao diện người dùng khác sẽ không làm việc hoặc. Vì vậy, đây phải là người đứng đầu –

thứ tự kịch bản cho jquery với bootstrap

Trả lời

Các vấn đề liên quan