不执行是点击事件

Question

所以应该发生的是，当用户单击“是”答案时，它应该获取 img 的 id，然后执行其任务，但我不知道是否应该将 id 放在链接上而不是图像上但问题的主要部分是它没有执行“是”点击功能的步骤。

我在这个页面上使用了相同的插件。 http://webstuffshare.com/demo/jConfirmAction/index.html 并使用默认用法的插件

<td> 
<a class="ask" href="#"> 
<img id="2" class="delete" border="0" title="" alt="" src="images/trash.png"> 
 </a>
 <div class="question" style="opacity: 1;">
  Are You Sure ?
   <br>
  <span class="yes">Yes</span>
  <span class="cancel">Cancel</span>
 </div>
</td>

$('.ask').jConfirmAction();

$('.yes').bind('click', function(){
    var userID = $(this).parent.attr('id'); 
    var dataString = 'userID=' + userID + '&deleteuser=True'; 
    $.ajax({ 
        type: "POST", 
        url: "processes/template.php", 
        data: dataString, 
    });
    $(this).parents("tr").eq(0).hide();   
}); 

Answer 1

您没有任何具有 yes 类的东西可以将该点击绑定到。

编辑：（生成代码后添加）

如果您不能将您的 id 添加到您的 td 并更改为 var userID = $(this).parents('td').attr('id')，请尝试将您的 id 放入您的 <div class="question" style="opacity: 1;">；

Answer 2

在调用绑定之前尝试使用alert("Some message");。将另一个作为function() 的第一条指令。看看这两条代码是否都被访问了。

Answer 3

好的，那么您应该在客户端（网络浏览器）中看到的是：

<td>
    <a href="#" class="ask">
        <img src="images/trash.png" class="delete" alt="" title="" border="0" id="some value" />
    </a>
</td>

所以，你给你的 image 一个 id，但是你的 jQuery 选择器试图将一个点击事件绑定到 hyperlink，它的函数试图解析表格单元格的 ID。正如其他人所提到的，选择器什么都不选择，因为没有任何东西与之匹配。

你知道我要做什么了吗？

编辑：

在图片上设置点击事件：

$(".delete").click(function(e){ 
    var id = e.target.id; 

    // ... the rest here
});

在超链接上设置：

$(".ask").click(function(e){ 
    e.preventDefault();

    var id = $(this).("img").attr("id"); 

    // ... the rest here
});

编辑 2：

如果您的目标是提供确认提示，我会按照 K.I.S.S.原则;单击删除链接时使用 JavaScript 确认提示：

$(".ask").click(function(e){ 
    e.preventDefault();

    if(confirm("Are you sure?")){
        var id = $(this).("img").attr("id"); 

        // ... the rest here
    }
});