将值传递到jQuery UI和AJAX中的对话框窗口

时间:2011-04-21 19:41:11

标签: javascript jquery

页面上有很多项目,点击后会触发UI的模态对话框。

var $dialog = $("#dialog").dialog({ 
    autoOpen: false,
    resizable: false,
    modal: true 
});

$(".myLink").click(function(){
    $dialog.dialog("open");
    $("#dialog").dialog({
    var delURL = $(this).attr("href").split("#");
    var delID  = delURL[1]; 
        buttons: {
            "Delete": function() { 
                // need to add AJAX call here
                $.ajax({
                    type: "POST",
                    url: "some.php",
                    data: "delete=delID",
                    success: function(msg){
                        alert( "Deleted: " + msg );
                    }
     });
                $(this).dialog("close"); 
            }, 
            "Cancel": function() { 
                $(this).dialog("close"); 
            } 
        }
    });
});

单击“删除”按钮时,我需要将锚值传递给另一个页面。我知道我需要使用AJAX。

<a href="#val_1" class="myLink">Value 1</a>
<a href="#val_2" class="myLink">Value 2</a>
<a href="#val_3" class="myLink">Value 3</a>

不知道怎么做。

2 个答案:

答案 0 :(得分:2)

我认为你只需要改变

data: "delete=delID",to <br />
data: "delete="+delID,

答案 1 :(得分:1)

尝试更改线路

$(".myLink").click(function(){
$(".myLink").live("click", function() {
但是当我测试时,行中有一个错误。要获得对话框,您应该移动线条
    var delURL = $(this).attr("href").split("#");
    var delID  = delURL[1]; 

以上

    $dialog.dialog("open");