Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Javascript JQuery在单击按钮时传递变量_Javascript_Jquery_Html_Jquery Ui_Javascript Events - Fatal编程技术网

Javascript JQuery在单击按钮时传递变量

Javascript JQuery在单击按钮时传递变量,javascript,jquery,html,jquery-ui,javascript-events,Javascript,Jquery,Html,Jquery Ui,Javascript Events,我正在使用JQueryUI对话框显示链接。我有20个按钮和20个不同的链接。我不想传递该链接,以便对话框知道要打开哪个链接 代码如下: $(function () { $(document).ready(function () { $('#dialog').dialog( { autoOpen: false, modal: true, open: function (event, ui

我正在使用JQueryUI对话框显示链接。我有20个按钮和20个不同的链接。我不想传递该链接,以便对话框知道要打开哪个链接

代码如下:

$(function () {
    $(document).ready(function () {
        $('#dialog').dialog(
        {
            autoOpen: false,
            modal: true,
            open: function (event, ui) {
                var id = $(this).data('aid'); // It does not work here
                $(this).load("Link?id=" + id);
            },
            hide:
            {
                effect: "explode",
                duration: 500
            }
        });
    });

    $('input[type=submit]').click(function () {
        var id = $(this).data('aid'); // Works here. I wan't to pass this.
        $("#dialog").dialog("open")
    });
});
MVC/Razor:

<input type="submit" value="Show" class="button" data-aid="@Model.item.id" />

有人对我如何做到这一点有什么建议吗


非常感谢。

在打开对话框之前,请将数据属性设置为
#dialog
-该属性可以通过
打开()回调中的
进行内部访问:

$("#dialog").data('aid', $(this).data('aid')).dialog("open");
现在,这应该是可行的:

...
open: function (event, ui) {
    var id = $(this).data('aid'); // Now it will work here
    $(this).load("Link?id=" + id);
},
...

在打开对话框之前,将数据属性设置为
#dialog
-该属性在
open()
回调中可作为
访问:

$("#dialog").data('aid', $(this).data('aid')).dialog("open");
现在,这应该是可行的:

...
open: function (event, ui) {
    var id = $(this).data('aid'); // Now it will work here
    $(this).load("Link?id=" + id);
},
...

在打开对话框之前,将数据属性设置为
#dialog
-该属性在
open()
回调中可作为
访问:

$("#dialog").data('aid', $(this).data('aid')).dialog("open");
现在,这应该是可行的:

...
open: function (event, ui) {
    var id = $(this).data('aid'); // Now it will work here
    $(this).load("Link?id=" + id);
},
...

在打开对话框之前,将数据属性设置为
#dialog
-该属性在
open()
回调中可作为
访问:

$("#dialog").data('aid', $(this).data('aid')).dialog("open");
现在,这应该是可行的:

...
open: function (event, ui) {
    var id = $(this).data('aid'); // Now it will work here
    $(this).load("Link?id=" + id);
},
...

@阿德内奥-谢谢你。:)谢谢工作得很好。我仍然讨厌JavaScript):@阿德内奥-谢谢你。:)谢谢工作得很好。我仍然讨厌JavaScript):@阿德内奥-谢谢你。:)谢谢工作得很好。我仍然讨厌JavaScript):@阿德内奥-谢谢你。:)谢谢工作得很好。我仍然讨厌JavaScript):