DropDownメニューJqueryを使用する

Question

私はこの問題を抱えています。上記のHTMLではドロップダウンメニューをクリックできません。私は間違っていました。このコードのドロップダウンメニューは機能しません。 ？ CSS：

Javascriptを：

 <script type="text/javascript"> 
$(function() { 
    $('.menucontainer').hide(); 
    $('#container').sortable({ 
     handle:'h1', 
     scroll: false, 
     revert: true, 
     tolerance: 'pointer' 
    }); 


    $('.dropmenu').on('click', function(){ 
     var $ul = $('.menucontainer', this);    
     $ul.show(500); 
     console.log($ul); 
     return false; 
    }); 

    $('html').on('click', function() { 
     $('.menucontainer').hide(500); 
    }); 

}); 
</script> 

Answer 1

あなたのコード内で多くの問題がありました。 http://jsfiddle.net/exuY9/

物事のカップル：

1. をJSのあなたの最後のビットでは、あなたが別のイベント・ハンドラの内部でイベントハンドラを持っている私は、私はここでそれらすべてを固定したと思います。これは合法ですが、私はそれがあなたが意図したものではないかと疑います。
2. あなたのコードは実際にはあなたが望むようにメニューを表示していたと思うかもしれませんが、すぐに隠していたかもしれません。どうして？ ＃dr1、＃dr2のonclickハンドラが、クリックをHTMLのonclickハンドラにページを介して続けることを許可していたので、すぐにshow（）をすぐに元に戻しましたが、何も起こっていないと思いました。
3. また、すべてのコードを$（function（）{...}）の内部に移動しました。あなたがこのコードをあなたのheadに挿入しているかどうか分からなかったからです。その場合、要素はハンドラを添付するために存在しません。あなたのスクリプトがbodyの最後に添付されていた場合は、それほど心配はありません。
4. 同じクラスのIDごとに新しいハンドラーを作成するのではなく、そのクラス用にハンドラーを作成するだけで済みます。改訂されたコードで何回これをやったのか分かります。
5. そして、スタイルの問題として、フロントエンドの開発者の間では、HTMLのJavascriptと二重引用符で一重引用符を使用することが慣例となっています。これにより、両方で二重引用符を使用する場合と同じように、多くの頭痛が軽減され、すべての時間を逃れる必要があります。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.