jQuery用户界面对话框。NET按钮回发

我有一个jQuery UI对话框工作在我的ASP。NET页面:

jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
});

jQuery(document).ready(function() {
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});

我的div。

<div id="dialog" style="text-align: left;display: none;">
    <asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" />
</div>

但是btnButton_Click从来没有被调用…我怎么解决这个问题呢?

更多信息:我添加了这段代码来移动div到窗体:

jQuery("#dialog").parent().appendTo(jQuery("form:first"));

但还是没有成功……

当前回答

Robert MacLean给出的答案有99%的正确率。但是，像我这样的人可能需要添加的唯一内容是，每当需要打开这个jQuery对话框时，不要忘记将它附加到parent。像下图:

var dlg = $('#questionPopup')。对话框(“开放”); dlg.parent () .appendTo($(“形式:第一”));

2009-07-21 14:05:52

其他回答

你离解很近了，只是拿错了对象。应该是这样的:

jQuery(function() {
    var dlg = jQuery("#dialog").dialog({
                         draggable: true,
                         resizable: true,
                         show: 'Transfer',
                         hide: 'Transfer',
                         width: 320,
                         autoOpen: false,
                         minHeight: 10,
                         minwidth: 10
                     });
    dlg.parent().appendTo(jQuery("form:first"));
});

2009-04-20 13:05:11

$('#dialog').parent(). appendto ($("form:first"))解决方案在IE 9中正常工作。但是在ie8中，它可以让对话框直接出现和消失。你不能看到这个，除非你放置一些警告，这样对话框似乎永远不会出现。我花了一个上午的时间找到了一个在两个版本都适用的解决方案，而在版本8和9上都适用的唯一解决方案是:

$(".ui-dialog").prependTo("form");

希望这能帮助其他有同样问题的人

2013-04-17 10:20:29

ASP。在ASP. NET中使用UseSubmitBehavior="false"即可。NET按钮:

<asp:Button ID="btnButton" runat="server"  Text="Button" onclick="btnButton_Click" UseSubmitBehavior="false" />

参考:按钮。UseSubmitBehavior财产

2013-05-08 20:29:24

顺便说一句，第一个技巧对我没用。

然而，那篇博客文章中的技巧做到了:

http://blog.roonga.com.au/2009/07/using-jquery-ui-dialog-with-aspnet-and.html

具体来说，将这个添加到对话框声明中:

  open: function(type,data) {
    $(this).parent().appendTo("form");
  }

2009-11-11 23:16:58

太棒了!这解决了我的ASP:Button事件没有在jQuery模态内发射的问题。请注意，下面使用jQuery UI模态允许按钮事件触发:

// Dialog Link
$('#dialog_link').click(function () {
    $('#dialog').dialog('open');
    $('#dialog').parent().appendTo($("form:first"))
    return false;
});

下面这一行是让它工作的关键!

$('#dialog').parent().appendTo($("form:first"))

2010-05-18 13:12:57

jQuery用户界面对话框。NET按钮回发

推荐文章

最新文章

标签