1
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>
感謝, 山姆
嘗試引導MB之前加載jQuery的前裝? – p1100i 2013-02-26 17:46:00
我是這麼認爲的,但顯然我沒有cuz它的工作就像一個魅力 – 2013-02-26 18:36:28