0

这是代码：

jQuery(document).ready(function(){
    jQuery('.post_box').on('click', function(e) { 
        jQuery(this).find(".read_more").trigger("click");
    });  
});

当我单击 divpost_box时，它会触发一个位于 sub div 中的链接（弹出灰色框），该链接现在post_box具有类read_more,，但当我关闭链接时出现问题greybox，然后再次单击 divpost_box它不起作用，我必须刷新页面才能单击它。

如果我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>`

http://ec2-107-22-235-75.compute-1.amazonaws.com/请看这里，这个网站有功能one()，以防我on()在你点击 div 时改变它阻止http://haiders .imcserver.ro/telugu您可以在on()这里查看第二种情况。

4

1 回答 1

0

编辑：

这是一个事件传播的问题：当触发链接的点击事件时，该事件也会在父 .post_box 上触发，从而导致循环。请参阅jQuery 文档。

以下应该可以解决问题：

jQuery('.read_more').on('click', function(e) {
    e.stopPropagation();
});

您是否仅尝试使用click()？

jQuery(document).ready(function(){
    jQuery('.post_box').click(function() { 
         jQuery(this).find(".read_more").trigger("click");
    });  
});
于 2013-01-07T15:57:47.973 回答