Bootstrap無法正常工作，但同時包含js和css

Bootstrap根本不工作，模塊不關閉，轉換不起作用等。 Firebug說沒有稱爲.modal的函數，所以我嘗試使用不同的版本的jQuery，引導等毫無效果這是我使用的代碼（不是擦亮了:(所以不介意它是一個有點亂）。Bootstrap無法正常工作，但同時包含js和css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link type="text/css" rel="stylesheet" href="index.css" /> 
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/> 
<script type='text/javascript' src="js/bootstrap.js"></script> 
<script type='text/javascript' src="js/jquery.js"></script> 
<title></title> 
</head> 
<body> 
<!-- 

--> 
<div class="modal hide " id='myModal'> 
    <div class="modal-header"> 
    <h3>Select a friend</h3> 
    </div> 
    <div class="modal-body"> 
    <p></p> 
    </div> 
    <div class="modal-footer"> 
    <span id="friendSelector" onClick='selectFriend()'>Select a friend first</span> 
    </div> 
</div> 
<center id="page"> 
    <h2 id="title"> </h2> 
    <div id="tabs"> 
    <div class="tabTitle"><span class="tabTitleText">Mutual Friends</span></div> 
    <div class="tabContent"> 
     <div class="tabContentHeader"> 
     <div class="clientInfo"> 
      <div class="container"> 
      <div class="containerLeft"> 
       <div class="image"> 
       // NOT INTERESTING AND SECRET! :p 
    </div> 
</center> 
<!-- 
Js scripts 
--> 
<script> 
var id = ''; 
$(function() { 
    $('.modal-body').load('request.php', { 'type': 'getFriends' }); 
    $('#myModal').modal({ 
     keyboard: false 
    }); 
}); 
$('#myModal').modal('hide'); 
function selectFriend(){ 
    alert(id); 
    if(id != '') { 
    alert('nice'); 
    jQuery.noConflict(); 
    (function ($) { 
     $('#myModal').modal('hide'); 
    } 
    )(jQuery); 
    } 
} 
function markFriend(friendId) { 
    id = friendId; 
    $('#friendSelector').html('Continue'); 
} 

</script> 
</body> 
</html>

感謝，山姆

來源

2013-02-26 Sam Kool

嘗試引導MB之前加載jQuery的前裝？ – p1100i 2013-02-26 17:46:00

我是這麼認爲的，但顯然我沒有cuz它的工作就像一個魅力 – 2013-02-26 18:36:28

JavaScript的插件嘰嘰喳喳的自舉依靠JQuery的。

交換腳本行，以便jQuery是bootstrap.js

來源

2013-02-26 17:49:53 Intrepidd

你是我的先生，是個天才。 – 2013-02-26 18:35:36

Bootstrap無法正常工作，但同時包含js和css

回答

相關問題