0

だから私はJqueryのものの文字列を持っていて、なぜ一部が機能していないのかわかりません。

私はこのような構造を持っています

<div id="wrapper">
    <span class="UnlikelyHeader"> Title Here</span>
    <div id="unlikely">
        <div class="blah"></div>
        <div class="blah"></div>
        <div class="blah"></div>
    </div>

私の目標は、デフォルトでdivを「ありそうもない」非表示にし、スパンをクリックしたときにスライドトグルを使用することです。これが私がこれまでに持っているコードです（注：隠された/奇数/偶数はこれの実用的な実装です）

        jQuery(document).ready(function() {
            jQuery(".Hidden").hide();
            jQuery("#Unlikely.hide()");
            jQuery(".Even").click(function()
            {
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            jQuery(".Odd").click(function()
            {
                jQuery(this).next(".Hidden").slideToggle(500);
            });
            jQuery(".UnlikelyHeader").click(function()
            {
                jQuery(this).next("#Unlikely").slideToggle(500);
            });
        });

また、注意：＃Unlikely.children（）。hide（）やその他のメソッドを使用して、デフォルトで表示したくないものを非表示にしようとしました。

4

4 に答える 4

3

これでうまくいくはずです：

jQuery("#unlikely").hide();

次のように、最初から非表示にすることもできます。

<div id="unlikely" style="display:none">
于 2012-08-21T20:14:53.993 に答える
2

参考までに、「$」は「jQuery」の省略形で、読みやすくなっています。 

    $(document).ready(function() {
        $(".Hidden").hide();
        $("#unlikely").hide(); <-------- You had your hide() method inside of the
        $(".Even").click(function()  --- selector and Unlikely should be unlikely
        {
            $(this).next(".Hidden").slideToggle(500);
        });
        $(".Odd").click(function()
        {
            $(this).next(".Hidden").slideToggle(500);
        });
        $(".UnlikelyHeader").click(function()
        {
            $(this).next("#unlikely").slideToggle(500); <---- changed Unlikely to
        });                                              ---- unlikely   
    });
于 2012-08-21T20:18:21.423 に答える
2

私は代わりにこれを行うことの大ファンです -

$('.UnlikelyHeader').click(function() {
 $('#unlikely').slideDown(500);   
});

display:noneCSS でプロパティを指定します。

作業例- http://jsfiddle.net/ne7MU/ (トグルなし) http://jsfiddle.net/ne7MU/1/ (トグルあり)

私の解釈が正しいことを願っています....

于 2012-08-21T20:18:34.330 に答える
2

手始めに：

jQuery("#Unlikely.hide()");

する必要があります

jQuery("#unlikely").hide();

-編集-また、トグルでケースが間違っています。HTMLには小文字の「u」があり、JavaScriptには大文字があります：

jQuery(this).next("#Unlikely").slideToggle(500);
于 2012-08-21T20:15:20.663 に答える