0

以下代码工作正常:

$('#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'>
4

1 回答 1

0

如果这些脚本在您将这些东西添加到您的脑海之前已经开始工作,我认为这意味着您已经在之前的某个地方或其他地方引用了 jQuery 脚本。如果我们看到更多代码可能会有所帮助,但我认为情况就是这样。

于 2013-01-09T16:56:38.267 回答