Javascript 锚定链接不会冒泡到文档,但可以通过右键单击打开链接
我有以下标记-Javascript 锚定链接不会冒泡到文档,但可以通过右键单击打开链接,javascript,jquery,hyperlink,event-listener,Javascript,Jquery,Hyperlink,Event Listener,我有以下标记- <ul id="sliderNav"> <li class="navTitle"><h3>Navy Mobile App</h3> <p class="navContent"><br>New Navy mobile application to provide Navy information on-the-go. Is availble for download now. <br>
<ul id="sliderNav">
<li class="navTitle"><h3>Navy Mobile App</h3>
<p class="navContent"><br>New Navy mobile application to provide Navy information on-the-go. Is availble for download now.
<br>
<a class="sliderVV" href="/ftrStory.asp?issue=3&id=76319">View Story Download App</a></p>
</li>
<li class="navTitle"><h3>ALL HANDS MAGAZINE</h3>
<p class="navContent"><br>What the Navy's Budget Means to you.<a class="sliderVV" href="xxxxxxxxxx">View Story</a></p>
</li>
<li class="navTitle"><h3>ALL HANDS UPDATE</h3>
<p class="navContent"><br>Latest news from around the Fleet from the All Hands Update team.<br><br><a class="bannerLnk" href="xxxxxxxx" target="blank">For more visit Midway site</a><a class="sliderVV" href="/viewVideo.asp">View Gallery</a></p>
</li>
<li class="navTitle"><h3>Photo Gallery</h3>
<p class="navContent">Photo Gallery<a class="sliderVV" href="/viewPhoto.asp">View Photos</a></p>
</li>
我的问题是列表项中的锚标记不起作用。我知道这是一个冒泡问题,LI上的事件侦听器阻止我的锚单击冒泡到DOM中,但我不知道如何修复它
多谢各位 这不太可能是您建议的问题,因为您通常必须调用
event.stopPropagation
以防止DOM冒泡如我所见,您应该使用以下方法停止锚定单击的传播:
$('#sliderNav').find('a').click(function(e){
e.stopPropagation();
});
这样,在LI
级别(返回false;
)上不会阻止锚定单击行为
事实上,与你的想法相反;) 您的代码中存在语法错误,请打开您的控制台进行修复。我的控制台没有告诉我有任何语法错误。此处缺少一个
+
:$('#sliderNav.navTitle:nth child('(window.currsidel+1)+')
应该是$('#sliderNav.navTitle:nth child('+(window.currsidel+1)+'))
ah。。是的,那个+实际上在我的真实代码中,不知道为什么我发布时它没有复制过来。不过这是个好主意。太遗憾了,这不是问题所在。谢谢!!!我没有足够的分数来投票,但这是+100。问题已经解决。如果你喜欢美国海军,请继续关注,这将很快成为主页的一部分。尊重海军,需要更多像他们这样的人……:)
$('#sliderNav').find('a').click(function(e){
e.stopPropagation();
});