以下代码工作正常:
$('#transPage, #categorizePage, #IDKPage').live('pageinit', function() {
$('.theListItem .red').click(function() {
var $changeColor = $(this).closest('div[data-theme="a"]').css("background-color", "#ff3333");
});
$('.theListItem .green').click(function() {
var $changeColor = $(this).closest('div[data-theme="a"]').css("background-color", "#008021");
});
});
这也很好用:
$('#transPage, #categorizePage, #IDKPage').live('pageinit', function() {
$('.trans .theListItem .red').click(function() {
var $toRemove = $(this).closest('div[data-theme="a"]')
$toRemove.animate({
height: 0
}, 500, function() {
// This is the callback.
$toRemove.remove();
});
return false;
});
});
直到我取消注释:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
然后它不再起作用。问题是我需要这些脚本才能让其他东西工作。有什么想法可能是错的吗?谢谢。
为了进一步说明我的问题,以下是我现在发布在页面底部的整个工作头:
<script src="js/jQuery/jquery-1.8.2.min.js"></script>
<!--script src="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.js"></script>-->
<script src="jquery.mobile-1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.js"></script>
<!--<script src="jquery.mobile-1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.css"></script>-->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> -->
<script type="text/javascript" src="cubiq-iscroll-bad88fb/src/iscroll.js"></script>
<script src="swipe/dist/jquery.swipeButton-1.2.1.js"></script>
<script src="js/scrollbar.js"></script>
<script src="js/script.js"></script>
<link rel="stylesheet" href="css/jQueryMobileStructure.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/nikostyle.css" />
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>