Jquery 2.1.4无法正常工作



这句话可能有什么错?

$(document).on('click',".post_like",function(e) {
    var postId  = $(this).data('id');
    var postOrigin = $(this).data('originalid');
    var interface_type = 'like';
    alert('test');
    //interact_with_post();
    //e.stopPropagation();
});

当我使用jquery 2.1.4时,我可以与ajax加载的元素进行交互,但我甚至不能点击任何元素。

PS:似乎我不能运行()与jquery 1.11.3在firefox(没有检查其他浏览器)。

UPDADE

HTML

<div class="panel-footer" style="background:#444; color:#FFF; border-radius:0 0 8px 8px">
<div class="row">
<div class="col-lg-3 text-center" style="border-right: 1px solid #FFF; width:24%; float: left">
<i class="fa fa-clock-o"></i>
<br>
14 hrs ago
</div>
<div class="col-lg-3 text-center **post_like**" style="width:24% float: left ; border-right: 1px solid #FFF" data-originalid="73" data-id="73">
<i id="like_icon73" class="fa fa-heart-o "> </i>
<br>
<normal id="post_like_count73"> 0</normal>
</div>
<div class="col-lg-3 text-center post_comment" left"="" float:="" style="border-right: 1px solid #FFF; width:24%" data-item="73">
<i class="fa fa-comment"></i>
<br>
0
</div>
<div class="col-lg-3 text-center post_unsave" style="width:24% float: left" data-originalid="73" data-id="73">
</div>
</div>

所以,这背后的想法是,当我正在开发一个社交网络项目时,我正在跟踪帖子周围的事件:

当点击某项内容时,我有两个函数:

在这种情况下,当类post被点击(父类)时,它运行一个(研究)函数,查看被点击的部分(评论、保存、喜欢、打开模式等),并存储旨在研究行为的信息。同时,它运行一个奖励函数(旨在使它们相互作用)——这个函数做的是:如果用户点击了like,将帖子的like计数加1,将类更改为post_不同点,并更改图标。

一切都像on("click", function(){})的魅力;除非我不能跟踪实时点击(如果类是post_like,即使在我将其更改为post_不像之后,它仍然表现得像post_like)。

现在,当我运行相同的函数on('click', 'class', function(){});我的终端上都没有回复。不是在这个,不是在ajax加载的帖子之前的窗口。onload.

当我使用live()时,它就像一个魅力。

这对我来说运行得很好…(Firefox 38.0.1, Chrome 42.0.2311.152 m, Chrome 43.0.2357.81 m)

$(document).on('click',".post_like",function(e) {
    var postId  = $(this).data('id');
    var postOrigin = $(this).data('originalid');
    var interface_type = 'like';
    alert('test');
    //interact_with_post();
    //e.stopPropagation();
});
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<div class="post_like">Click Me!</div>

相关内容

  • 没有找到相关文章