-3

これが私のスクリプトです：http：//jsfiddle.net/9cnGC/11/

<div id="callus">
<div class="def">111-1111</div>
<div class="num1">222-2222</div>
<div class="num2">333-3333</div>
<div class="num3">444-4444</div>
<div class="num4">555-5555</div>
<div class="numnames numname1">location 1</div>
<div class="numnames numname2">location 2</div>
<div class="numnames numname3">location 3</div>
<div class="numnames numname4">location 4</div>
</div>

$(function() {
    $(document).ready(function() {
        $('.numnames').hover(function() {
            $(".def").toggle();
        });

        $('.num1').hide();
        $('.numname1').hover(function() {
            $('.num1').toggle();
            return false;
        });
        $('.num2').hide();
        $('.numname2').hover(function() {
            $('.num2').toggle();
            return false;
        });
        $('.num3').hide();
        $('.numname3').hover(function() {
            $('.num3').toggle();
            return false;
        });
        $('.num4').hide();
        $('.numname4').hover(function() {
            $('.num4').toggle();
            return false;
        });
    });

});

誰かがこのフィドルを手伝ってくれて、もっと効率的に実行できるように少しクリーンアップできるかどうか疑問に思っていました。

ページ上で実行されているjQueryの別のインスタンスがあるためだと思います。これはここでこのスクリプトを台無しにしていますが、何が問題なのかわかりません。

これは、表示ロジックがめちゃくちゃになっているページです。http://ben.chmark.com/mdcp/index.php/prescriptions/transfer-prescription

右上のモジュールがあります（電話してください）。常に表示される電話番号は1つだけである必要があります。これは、上記で提供したjsfiddleをモデルにしています。このページを除く他のすべてのページで正常に実行されます。私は困惑しています:(

前もって感謝します

4

1 に答える 1

0

Fiddleリンクをいじってみると、1.4より前のjQueryバージョンの問題のように見えます。

こちらをご覧ください：同じページで複数のバージョンのjQueryを使用できますか？

noConflict（）はあなたが探しているものかもしれません：http：//api.jquery.com/jQuery.noConflict/

<!-- load jQuery 1.1.3 -->
<script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
<script type="text/javascript">
var jQuery_1_1_3 = $.noConflict(true);
</script>

<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>
于 2012-05-11T22:35:12.810 に答える