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 に答える