divまたはその最初のレベルの子がクリックされたときに、子div内にある1つのタグを除いて、ボックスをポップアップしようとしています。jqueryクリックすると子リンクが除外されます
私は単純にクラスを表示/非表示にすることは素晴らしい作品を切り替えています。しかし、リンクがクリックされると、ボックスはまだ私が望んでいないポップアップします。私はターゲットとstoppropagationを使用して見ているが、私は自分のコードで動作するように取得することはできません。
のjQuery:
jQuery(document).ready(function() {
jQuery(".video_odd").toggle(function()
{
jQuery(this).children(".video_desc_box").attr('class', 'video_desc_box_open');
},
function(){
jQuery(this).children(".video_desc_box_open").attr('class', 'video_desc_box');
});
});
クイックHTML概要:video_oddは、それをクリックしたときに、それはインライン代わりのように表示を変更するvideo_desc_box_openために、そのクラスを切り替えるために、その子のdiv video_desc_boxを引き起こすことクラスですなし。
video_odd内のdivであるリンクをクリックしたときにこのスクリプトを実行しないようにする方法を理解できません。
2番目のレベルの子リンクではなく、他の子がクリックされたときにクラスを変更したいと考えています。
ありがとうございました!
EDIT:は私が近づいています考える:
jQuery(".video_odd").toggle(function(e)
{
if (e.target == jQuery(this).children(".video_list_title")) { return; }
jQuery(this).children(".video_desc_box").attr('class', 'video_desc_box_open');
},
function(){
jQuery(this).children(".video_desc_box_open").attr('class', 'video_desc_box');
});
しかし
(e.target == jQuery(this).children(".video_list_title"))
が登録されていません。どのようにしてdivのvideo_list_titleをまとめて除外することができますか(リンクだけでなく)
HTMLの外観はどうですか? –