Question

我使用jQuery和ajax点击图片来删除图库中的图像。

它工作正常，但现在我正在尝试发送消息，就像警告询问用户是否确定要删除我的图像一样。

我知道我可以使用具有ok和cancel方法的对话框表单jquery用户界面，但我试图使用我自己的对话框。

但是当我在删除链接中点击我的图像时，我的对话框没有出现。

你知道我的错误在哪里吗？

当我点击删除链接时，我要显示的对话框是：

<div class="dialog">
    <div class="delete">
        <p>Do you really want to delete this image?</p>
        <a href="#">Yes</a>
        <a href="#">No</a>
    </div>
</div>

我的html中有删除链接，如：

<div class="galery"> 
  echo '<ul>';
  while ($result = $read->fetch(PDO::FETCH_ASSOC)){
    echo '<li id="'.$result['id'].'">';
    echo '<img src="'.$result['img'].'" />';
    echo '<a href="#" id="'.$resul['id'].'" class="galerydel">Delete</a>';
    echo '</li>';
      }
  echo '</ul>';
</div>

然后，当我点击删除时，我的脚本会显示我的对话框：

$(function(){
  $('.galery ul').on('click','.galerydel',function(){
  $('.dialog .delete').fadeOut("slow");
   return false;
  });
});

比我有我的php，得到我的图片ID：$ imageId = $ _POST ['image'];然后我将从我的表库中删除id为icual的我的$ imageId。

Answer 1

使用此代码段，

Working Fiddle

$(function(){

  $('.galery').on('click','.galerydel',function(){
      $( ".dialog" ).dialog();
      return false;      //A better way is to use event.preventDefault()
  });
});

您最初需要将.dialog设置为display:none。
fadeOut()用于隐藏。您必须在Click of Delete。

Answer 2

$('.galery ul').on('click', '.galerydel', function () { ...}

应该是

$('.galerydel').on('click', function () { ...}

当我点击链接但是没有出现对话框时，我正在调用我的对话框

2 个答案:

Working Fiddle