一个Jquery没有在第二次点击工作

前端之家收集整理的这篇文章主要介绍了一个Jquery没有在第二次点击工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是代码
jQuery(document).ready(function(){
    jQuery('.post_Box').one('click',function(e) { 
        jQuery(this).find(".read_more").trigger("click");
    });


});

当我点击div(post_Box)时,它会触发位于(post_Box)的子div中的链接(弹出greyBox),其中包含类(read_more),现在它工作正常,但是当我关闭链接时问题(greyBox),然后单击div(post_Box)上的againe它不起作用,我必须刷新页面才能单击它.

如果我改为使用on()函数,在第一次单击时它将触发链接并被阻止,我认为它会因为子div而触发多个链接
这是HTML代码

`
<div class="post_Box" >
    <div class="post_Box_top">
        <div class="post_Box_center">
            <div class="post_Box_content">

                <div class="post_date">

                </div>
                <div class="post_content">

              <?PHP   echo   $content_post = get_post(get_the_ID());?>

                </div>
                <div class="post_footer">
                    <a href="<?PHP the_permalink();?>" title="<?PHP the_title(); ?>" class="read_more"  rel="gb_pageset[search_sites]"  data-greyBox-type="iframe">Read more</a>
               // this the link i should trigger when someone click on the <div class="post_Box">   
               </div>
            </div>
        </div>
    </div>
</div>`

ec2-107-22-235-75.compute-1.amazonaws.com请看这里,这个网站有一个函数one(),以防我点击它时阻止haiders.imcserver. ro / telugu你可以看一下on()这里的第二个案例

解决方法

这是one()方法的正确行为 – 它只绑定事件一次.

如果您希望事件绑定到页面的生命周期,则需要使用on().

jQuery('.post_Box').on('click',function(e) { 
    jQuery(this).find(".read_more").trigger("click");
});
原文链接:https://www.f2er.com/jquery/180709.html

猜你在找的jQuery相关文章