Php 这是关于Jquery/JS的,如果我更改元素';我能在它上面执行其他Jquery/JS操作吗
我有一个脚本,它可以单击Doajax调用连接到数据库GetImageName,并使用正确的路径在<-img->中设置图像名称。它还会在它后面添加一个隐藏的复选框,然后回显它 然后,我将返回的ajax消息作为div的HTML。我的问题是,我是否能够对插入的内容执行更多操作 主要目标是能够点击图像,就好像它是一个复选框(这部分已经为我排序),但无论我尝试什么,我都不能有一个。点击功能工作 这是代码 这是响应图像的PHP部分Php 这是关于Jquery/JS的,如果我更改元素';我能在它上面执行其他Jquery/JS操作吗,php,javascript,jquery,ajax,Php,Javascript,Jquery,Ajax,我有一个脚本,它可以单击Doajax调用连接到数据库GetImageName,并使用正确的路径在中设置图像名称。它还会在它后面添加一个隐藏的复选框,然后回显它 然后,我将返回的ajax消息作为div的HTML。我的问题是,我是否能够对插入的内容执行更多操作 主要目标是能够点击图像,就好像它是一个复选框(这部分已经为我排序),但无论我尝试什么,我都不能有一个。点击功能工作 这是代码 这是响应图像的PHP部分 if($_POST['updateIgallery'] == 'ajax'){ g
if($_POST['updateIgallery'] == 'ajax'){
global $wpdb;
$table_name= $wpdb->prefix . "table_T";
$imagecounter = 1;
$toecho = '';
$currentselected = $wpdb->get_row("query");
preg_match_all('/\/(.+?\..+?)\//',$currentselected ['image_gal'],$preresualts); // images are stored with /image/.
foreach ($preresualts[1] as $imagename){
$toecho .= '
<img rel="no" id="JustantestID" class="JustaTestClass" src="'.site_url().'/wp-content/plugins/wp-ecommerce-extender/images/uploads/'.$imagename.'">
<input name="DoorIMGtoDeleteIDcheck'.$imagecounter.'" style="display:none;" name="DoorIMGtoDelete['.$imagecounter.']" value="/'.$imagename.'/" type="checkbox">
';
$imagecounter++;
}
echo $toecho;
}
到目前为止,我遇到的问题如下:
$("#JustantestID").click(function() {
//DoorImageGallery($(this).attr('id')); // the function i will use if the alert actually works
alert("kahdaskjdj");
return true;
});
我希望问题和代码是可以理解的
提前谢谢 替换元素的html时,其中的所有元素都将被删除并消失。这意味着附加到它们的事件处理程序也将被删除 您可以尝试将事件处理程序附加到页面上静态和永久的更高级别元素。如果没有更多信息,我将使用
文档
:
$(document).on( "click", "#yaniv", function() {
alert("kahdaskjdj");
});
当您替换元素的html时,其中的所有元素都将被删除并消失。这意味着附加到它们的事件处理程序也将被删除 您可以尝试将事件处理程序附加到页面上静态和永久的更高级别元素。如果没有更多信息,我将使用
文档
:
$(document).on( "click", "#yaniv", function() {
alert("kahdaskjdj");
});
由于元素是通过ajax动态插入DOM的,因此在绑定click处理程序时,必须将事件委托给实际存在的父元素,在本例中,该父元素看起来是
#ImgGalleryID
$('#ImgGalleryID').on('click', '#yaniv', function() {
DoorImageGallery(this.id);
alert("kahdaskjdj");
});
由于元素是通过ajax动态插入DOM的,因此在绑定click处理程序时,必须将事件委托给实际存在的父元素,在本例中,该父元素看起来是
#ImgGalleryID
$('#ImgGalleryID').on('click', '#yaniv', function() {
DoorImageGallery(this.id);
alert("kahdaskjdj");
});
我猜最后一段代码中的拼写错误是非常明显的。对不起,我会更正这些错误,我将测试这里提供的一些解决方案并查看。我猜最后一段代码中的拼写错误是非常明显的。对不起,我会更正它们,我将测试这里提供的一些解决方案,然后看看。我如何进入复选框然后在函数中选择复选框?我的意思是我获得图像id是,但我不必也绑定复选框?我如何进入复选框然后在函数中选择复选框?我的意思是我获得图像id是,但不会我也必须绑定复选框?所以你和adeneo的答案现在起作用了,它发出警报,我也可以使用该函数。如何到达该复选框?@YanivKossas在单击处理程序中执行
$(“:checkbox”,this)
?我真的不知道,因为我不知道什么是“#yaniv”
:d yaniv只是我做的一个错误类型/测试,但它的图像id我更改了我的上述代码,所以yaniv只是一个测试。我将用$“:checkbox”,这个)测试它,这样你和adeneo的答案就可以工作了,现在它会发出警报,我也可以使用这个函数了。如何到达该复选框?@YanivKossas在单击处理程序中执行$(“:checkbox”,this)
?我真的不知道,因为我不知道什么是“#yaniv”
:d yaniv只是我做的一个错误类型/测试,但它的图像id我更改了我的上述代码,所以yaniv只是一个测试。我将用$“:checkbox”测试它,这个)Pavel Staselijun你的兄弟姐妹选择了这个复选框,非常感谢。您的整个解决方案也很好。Pavel Staselijun您的兄弟姐妹在选择复选框方面做得非常好。非常感谢。你的整个解决方案也很好。。