点击功能不触发图像jQuery的

-1

编辑
所以大家都非常清楚，当我查询我的数据库，然后采取查询，运行一个while循环和膨胀，我的表正在创建该表。 AKA可以动态编程地创建它，但是您想标注它。该表不存在于html中，并且在查询之前的任何位置都不存在。所以我错在没有解释这一开始。我在评论中提到了它，但我应该更清楚。点击功能不触发图像jQuery的

我有一个形象的一类，当我点击它，我希望它提醒我在招聘＃，但什么也没发生的值。我创造了一个小提琴演示和小提琴完美的作品。我不明白发生了什么事。

继承人提琴jsFiddle。

这里是实际的代码

PHP生成一览表

echo "<table class='projects_contentTable'>"; 
echo "<th class='content_th'>" . "" . "</th>"; 
echo "<th class='content_th'>" . "" . "</th>"; 
echo "<th class='content_th'>" . "Job #" . "</th>"; 
echo "<tr>"; 
echo "<td class='content_td'>" . "<img src='images/edit.png' class='edit_project_record'/>" . "</td>"; 
echo "<td class='content_td'>" . "<img src='images/view.png' class='view_project_record'/>" . "</td>";  
echo "<td class='content_td'>" . "<a href='#'>" . "16" . "</a>" . "</td>"; 
echo "</tr>";    
echo "</table>";

jQuery的

$('.view_project_record').click(function() { 
    var project_id = $('.projects_contentTable td:nth-child(3) a').text(); 
    alert(project_id); 
});

现在我认识到，在拨弄我使用段落标记模拟图像。所以我想也许，这就是原因，尽管可能是愚蠢的。所以我试图改变我的代码，只是为了确保。

echo "<td class='content_td'>" . "<p class='edit_project_record'>" . "<img src='images/edit.png'/>" . "</p>" . "</td>"; 
echo "<td class='content_td'>" . "<p class='view_project_record'>" . "<img src='images/view.png'/>" . "</p>" . "</td>";

当我点击图像时它仍然没有点燃。我知道点击功能对图片有效，因为我有另外一个点击jQuery功能时触发事件。为什么这个不起作用？是否有关于我不知道的表格中的图像的规则？

来源

2013-08-02 i_me_mine

你为什么 “呼应” PHP代码，而不是仅仅将其输出是否正常？ – Neal

@Neal此表正在查询中被夸大。我只是简单地使问题容易理解而没有绒毛。 –

@Neal您看到的代码和我的代码之间唯一的区别是它不是“16”行“[id']”。我只是不想混淆peopel –

环绕你的事件处理程序中的文件准备好功能：

$(document).ready(function(){ 
    $('.view_project_record').click(function() { 
     var project_id = $('.projects_contentTable td:nth-child(3) a').text(); 
     alert(project_id); 
    }); 
});

它的工作原理在小提琴，因为你已经设置了小提琴运行代码onload，但似乎你的实际代码是缺少文档准备包装，所以当它尝试附加点击事件时，该元素很可能不存在。

来源

2013-08-02 16:01:14 MrCode

将这些内容包装在$(window).load或$(document).ready

$(window).load(function() { 
    $('.view_project_record').click(function() { 
     var project_id = $('.projects_contentTable td:nth-child(3) a').text(); 
     alert(project_id); 
    }); 
});

或

$(document).ready(function(){ 
    $('.view_project_record').click(function() { 
     var project_id = $('.projects_contentTable td:nth-child(3) a').text(); 
     alert(project_id); 
    }); 
});

来源

2013-08-02 16:03:28

谢谢，这很有道理 –

点击功能不触发图像jQuery的

回答

相关问题