Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 使用jQuery对话框的Zend Framework Ajax链接_Jquery Ui_Zend Framework - Fatal编程技术网

Jquery ui 使用jQuery对话框的Zend Framework Ajax链接

Jquery ui 使用jQuery对话框的Zend Framework Ajax链接,jquery-ui,zend-framework,Jquery Ui,Zend Framework,在过去的3周里,我尝试使用jQuery对话框创建ajaxLink。我有一个delete Bookmark函数,希望出现一个对话框,在弹出Ajax请求并删除书签之前,您必须确认是否要删除书签 我假设我必须向beforeSend函数中添加一些内容,但我不知道需要在其中编写什么。有人能告诉我需要做什么吗?我希望有人知道答案,我没有主意了。提前非常感谢 这里是我迄今为止的源代码: echo $this->ajaxLink("Remove Bookmark","/bookmark/remove/a

在过去的3周里,我尝试使用jQuery对话框创建ajaxLink。我有一个delete Bookmark函数,希望出现一个对话框,在弹出Ajax请求并删除书签之前,您必须确认是否要删除书签

我假设我必须向beforeSend函数中添加一些内容,但我不知道需要在其中编写什么。有人能告诉我需要做什么吗?我希望有人知道答案,我没有主意了。提前非常感谢

这里是我迄今为止的源代码:

 echo $this->ajaxLink("Remove Bookmark","/bookmark/remove/article  ".$this->escape($entry->id),
               array(
                    'id' => '',
                    'class' => 'btn orange delete dialog-confirm',
                    'dataType'=>'JSON', 
                    'method' => 'post',
                    'update' => '.bookmark',
                    'beforeSend' => '????',
                    'complete' => '$("."+data+"").remove();if ($(".watchlist").length == 0){$(".watch").append("<p>No items watched</p>")}'
           ));

只有当用户单击“是,删除书签”按钮时,才能触发Ajax请求。因此,您需要向这个按钮函数添加一个jQuery ajax函数,并删除第一个
ajaxLink()

//在您的视图中。phtml
是否确实要删除此书签?
除去书签

太好了,它工作了!我不敢相信我已经尝试了很久,现在就这么容易了。非常感谢你。我唯一想添加的是“是”函数后面的“关闭”,否则对话框将保持打开状态,即使书签在后台被删除。非常感谢你,否则我就不会知道了。现在,我将添加一些消息显示,书签被删除,并找出为什么对话框已经打开,只要我进入网站。再次感谢你!
$('.dialog-confirm').click(function(e){

    e.preventDefault();
    var URL = $(this).attr("href");
    $(this).css('display','block');

    $('#dialogbox').dialog({

        resizable: false,
        height:180,
        width:350,
        modal: true,
        closeOnEscape: true, 
        buttons: {
            "Yes, delete bookmark": function() {
              window.location.href = URL;
              return true;
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }

        });   
});
//in your view.phtml
<div id="dialogbox" style="display:none">Do you really want to remove this bookmark?</div>
<span style="cursor:pointer" class="btn orange delete dialog-confirm" id="1">Remove Bookmark</span>

<?php $this->jQuery()->addOnload('
$(function() {
    var id;

    $("#dialogbox").dialog({
        resizable: false,
        height:180,
        width:350,
        modal: true,
        buttons: {
            "Yes, delete bookmark": function() {
                $.ajax({
                    type: "POST",
                    url: "/bookmark/remove/article",
                    dataType: "json",
                    data: "id="+id,
                    success: function(data, textStatus, jqXHR) {
                        $("."+data+"").remove();
                        if ($(".watchlist").length == 0) {
                            $(".watch").append("<p>No items watched</p>")
                        }
                    }
               });
           },
           Cancel: function() {
               $( this ).dialog( "close" );
           }
       },
    });   


    $(".delete").click(function(e) {
        id = this.id;
        console.log(id);
        $( "#dialogbox" ).dialog( "open" );
    });
});
'); ?>