Question

这句话可能有什么不妥？

$(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：似乎我无法在firefox上使用jquery 1.11.3运行（）（没有检查其他浏览器）。

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>

所以，这背后的想法是，在我开发社交网络项目的过程中，我跟踪帖子周围的事件：

点击某些内容时我有两个功能：

在这种情况下，当点击类帖子（父类）时，它运行一个（学习）函数，查看部分被点击（评论，保存，比如，打开模态等）并存储信息 - 意图学习行为。同时它运行一个奖励功能（旨在使它们互动） - 此功能执行此操作：如果用户点击了，将1添加到帖子的相同计数，将类更改为post_unlike并更改图标。

一切都像魅力一样（＆＃34;点击＆＃34;，function（）{}）;除非我无法跟踪实时点击（如果该类是post_like，即使我将其更改为post_unlike，它仍然表现得像post_like）。

现在，当我在on上运行相同的功能时（＆＃39;点击＆＃39;，＆＃39; class＆＃39;，function（）{}）;我甚至没有在终端上做出回应。不是这个，不是在window.onload之前加载ajax的帖子。

当我使用live（）时，它就像一个魅力。

Answer 1

这对我来说运行得很好......（Firefox 38.0.1，Chrome 42.0.2311.152 m，Chrome 43.0.2357.81 m）

＆＃13;

$(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();
});

＆＃13;

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<div class="post_like">Click Me!</div>

＆＃13;

jquery 2.1.4关于不工作

1 个答案: