【问题标题】:How can I target a specific link/click in jQuery?如何在 jQuery 中定位特定链接/单击?
【发布时间】:2013-05-13 16:28:01
【问题描述】:

http://jsfiddle.net/KevinOrin/KHHDT/

点击打开 1 个黑条/手风琴(例如:“温室气体”)后,我有一个链接“更多/更少信息”,可以切换更多信息。问题是单击功能不在“更多/更少信息”元素上,而是在整个“。”发生主文本“元素上。单击 div 中的任何位置都会激活切换,这不应该。任何想法如何修改此 jQuery 以仅针对该 div 中的 .readmore 吗?

    // More/Less Info Why Is Is Happening
jQuery('.readmore').closest(".happening-main-text").click(function()                
{                  
    jQuery(this).children(".divmore").toggle('slow');       
    return false;                                       
});

【问题讨论】:

    标签: javascript jquery css html


    【解决方案1】:

    使用

    jQuery('.readmore').click(function() {                  
        jQuery(this).closest(".happening-main-text").children(".divmore").toggle('slow');       
        return false;                                       
    });
    

    你做了什么,将事件精确地绑定到封闭的 ".happening-main-text" 元素。

    Demonstration

    【讨论】:

    • 不要使用return false,只做e.preventDefault();
    • 为什么我不应该使用return false?替换为“e.preventDefault();” ?
    • 使用防止页面跳转/刷新默认值:jsfiddle.net/KevinOrin/KHHDT/3
    • @ultraviol3tlux 你能在这里解释一下你的推理吗? return false 怎么了?
    • 为什么要这么复杂? return false 非常适合这里,无需更改 CSS...
    猜你喜欢
    • 1970-01-01
    • 2019-09-12
    • 1970-01-01
    • 2017-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多