0

更新 ：

现在的问题是在使用萤火虫后，我发现第一个元素获得了标题属性而其他元素没有，并且在将鼠标悬停在任何链接上后，第一个链接的标题属性消失了任何想法？

当我点击这样的链接时，我会打开哪个页面：

<a class="pictures" href="#" onClick="MM_openBrWindow('content_image.php','images','menubar=yes,scrollbars=yes,resizable=yes,width=650,height=700')" title="Images"></a>

此页面的图像存储在一个文件夹中：

    $open = opendir($path);
while($images = readdir($open)){
    if ($images != "." && $images != "..") {
    $allimages[] = $images;
  } 
}
foreach($allimages as $val){
    ?>
     <div class="uploaded_image"><img src="../content_img/<?php echo $val; ?>" align='middle' width='150px' height='100px'>         
        <form><a href="#" title="<?php echo $val; ?>" class="del_img"><img src="images/delete.gif"/></a> <textarea name='text_area' rows=1 cols=20 >../content_img/<?php echo $val; ?></textarea> <input type='button' value='select path' onClick='javascript:this.form.text_area.focus();this.form.text_area.select();'> Copy path and paste in image path field </form></div>
        <?php
}
closedir($open);
?>

我正在尝试使用具有href以下属性的页面的常规链接删除图像：

?do=delete&img=<?php echo $val; ?>

然后unlink()是图像。但是，只要我将鼠标悬停在链接上而不单击，图像就会被删除。我不知道为什么。

我尝试使用 AJAX 来做到这一点：

$(document).ready(function(e) {
$("div.uploaded_image").on("click","a.del_img",function(e){
    e.preventDefault();
    var img = $(this).attr("title");
    var qst = "?img="+img+"&path=content_img";
    var ajax = false;
    ajax = new XMLHttpRequest();
    ajax.open("post","del_image.php"+qst);
    ajax.onreadystatechange = function(){
        if(ajax.readyState == 4 && ajax.status == 200){
        }
    }
    ajax.send(null);
    setTimeout(ref,1500);
});
});
function ref(){
window.location = "content_image.php"   
}

并且这个 PHP 代码工作使用 AJAX 来删除：

$img = $_REQUEST['img'];
$path = $_REQUEST['path'];
unlink("../".$path."/".$img);

当我第一次单击删除链接时，它不起作用。我必须再次单击才能删除图像。请问有什么帮助吗？

4

2 回答 2

1 
 $open = opendir($path);
while($images = readdir($open)){
    if ($images != "." && $images != "..") {
    $allimages[] = $images;
  } 
}
foreach($allimages as $val){
    ?>
     <div class="uploaded_image"><img src="../content_img/<?php echo $val; ?>" align='middle' width='150px' height='100px'>         
        <form><a href="Javascript:void(0);" title="<?php echo $val; ?>" class="del_img"><img src="images/delete.gif"/></a> <textarea name='text_area' rows=1 cols=20 >../content_img/<?php echo $val; ?></textarea> <input type='button' value='select path' onClick='javascript:this.form.text_area.focus();this.form.text_area.select();'> Copy path and paste in image path field </form></div>
        <?php
}
closedir($open);
?>

用此代码替换代码

于 2013-05-06T09:08:54.110 回答
0

改变

$("div.uploaded_image").on("click","a.del_img",function(e){
    e.preventDefault();

至

$("div.uploaded_image a").click(function(e){
    e.preventDefault();
...
于 2013-05-06T09:11:43.657 回答