0

これを修正するのを手伝ってください...

コードhttp://jsfiddle.net/LTYa2/14/とのリンクがありますが、jsfiddle で正常に動作しています...しかし、同じものを localhost に配置すると、特定の理由で動作しませんか?また、javascript と jquery すべてをチェックしました正しく埋め込まれています（他のjsfiddleコードは正常に動作します）......

このコードを配置する方法を教えてもらえますか

$('q.clickMe1').click(function () {
// find first of following DIV siblings
// with class "textBox" and toggle it

$(this).nextAll('div.sri1:first').show();
$('div.sri1:visible').not($(this).nextAll('div.sri1:first')).toggle();
});

htmlコード

<q class="clickMe1">Hire</q>
<br />
<div class="sri1"> - This text will be toggled</div>

 <q class="clickMe1">Manage</q>
 <br />
 <div class="sri1"> - This text will be toggled 2</div>
4

1 に答える 1

2

jsFiddle はonloadデフォルトでコードをラップしているため、機能しています。onload ラッピングを無効にして以来、機能していないフィドルを次に示します。

それを機能させるには、次のようにラップします。

$(document).ready(function() {
    $('q.clickMe1').click(function () {
        // find first of following DIV siblings
        // with class "textBox" and toggle it
        $(this).nextAll('div.sri1:first').show();
        $('div.sri1:visible').not($(this).nextAll('div.sri1:first')).toggle();
    });
});

jQuery 1.7 以降を使用していると仮定すると、このラッピングを回避して、.on()代わりに次のように使用できます。

$(document).on('click', 'q.clickMe1', function () {
    //...your code here
});

更新されたフィドル- オンロードがなく、まだ機能しています。

于 2012-08-14T08:56:41.500 に答える