Kolejność skryptów dla jquery z bootstrapem

Jestem nowy w jquery i bootstrapie i nie mogę sprawić, że będą ładnie ze sobą współpracować. Mam stronę z listą rozwijaną bootstrap i suwakami jquery. Jednak nie mogę sprawić, aby obaj pracowali w tym samym czasie.Kolejność skryptów dla jquery z bootstrapem

Bootstrap Dropdowns pracować z tym plikiem, a suwaki złamać

<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

Usuwając przedostatniej linii tak:

Sliders pracy, a bootstrap Dropdowns złamać

<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

Źródło

2013-06-04 bcoop713

o tak, teraz widzę przepraszam. Najpierw należy załadować rzeczywistą jquery, inaczej interfejs użytkownika również nie zadziała. Więc powinno to być głowa

<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">

Również w HTML5 trzeba zostawić off „type =«text/javascript»”, jak bootstrap jednego, bądź też consisten, więc jeśli masz go na inny, również dodaj go do bootstrapu, ma to związek z ładowaniem reguł.

Źródło

2013-06-04 20:28:48

Nie jestem pewien, ale wygląda na to, że wersja Bootstrap wymaga nowszej wersji wersja jQuery działał poprawnie, spróbuj wymienić:

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

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

a następnie pozostawienie go w organizmie.

Daj mi znać, co się wtedy stanie.

Uwaga:Nie zawsze załadować dwa jQuerys będą łamać i zatrzymać pracę swoich funkcji, a szczególnie podczas korzystania z ajax na swojej stronie.

Źródło

2013-06-04 19:43:07

Jedną z nich jest dla jqueryui, a jedna z jquery, nie potrzebuję obu? – bcoop713

Próbowałem i tak jest nadal zepsuty :( – bcoop713

o tak, teraz widzę przepraszam.Należy najpierw załadować swoje rzeczywiste jquery, w przeciwnym razie UI też nie będzie działać Więc to powinno być głowa –

Kolejność skryptów dla jquery z bootstrapem

Odpowiedz

Powiązane problemy