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

Im calling my dialog when I click in my link but dialog is not appearing

本文关键字：对话框 我的 调用 链接      更新时间：2023-09-26

我使用jQuery和ajax单击图像，从库中删除图像。

它运行得很好，但现在我正在尝试发送一条消息，比如一条提醒，询问用户是否真的想删除我的图像。

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

但当我点击我的删除链接中的图片时，我的对话框不会出现。

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

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

<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与$imageId相同的内容。

使用这个片段，

工作Fiddle

$(function(){
  $('.galery').on('click','.galerydel',function(){
      $( ".dialog" ).dialog();
      return false;      //A better way is to use event.preventDefault()
  });
});
  • 最初需要将.dialog设置为display:none
  • fadeOut()用于隐藏。您必须在单击"删除"时显示对话框
$('.galery ul').on('click', '.galerydel', function () { ...}

应该是

$('.galerydel').on('click', function () { ...}
相关文章：