当点击链接时,我想在页面上添加一些内容。然而,该链接使用类似的PHP
(注意:这是在回声内):
<a id = 'linkimg1' href='main.php?img1=$img1_id'> [img1 here] </a>
我有
<script>
$(document).ready(function() {
$('#linkimg1').click(function() {
$('stuff').appendTo('body')
});
});
</script>
如何使链接仍然执行jQuery脚本?
您必须添加选择器作为参数。如果不绑定,则直接绑定事件,这对动态内容无效。
<script>
$(document).ready(function() {
$(document.body).on('click', '#linkimg1' ,function(){
$('stuff').appendTo('body')
});
});
</script>
选择器是.on()函数的重要组成部分
.on(eventType, selector, function)
jQuery API文档此处
当您使用事件处理程序来确定内容时,请使用jQuery.on()或jQuery.live()(已弃用)
像一样将其分配为onClick函数
<a id = 'linkimg1' href='main.php?img1=$img1_id' onclick="myFunction()"> [img1 here] </a>
<script>
$(document).ready(function() {
function myFunction() {
$('#linkimg1').click(function() {
$('stuff').appendTo('body')
});
}
});
</script>