标签: jquery-ui-dialog

我是 jQuery 和 java 的新手，我真的很想集中精力创建对话框的多个实例。我在头部使用这个：

 <script src="external/jquery/jquery.js"></script>
 <script src="jquery-ui.js"></script>

如果我只有 1 个按钮和一个对话框，它就可以工作。但是当我添加另一个时它就停止工作了。我相信这很容易解决，我只是在挣扎。

        <h2>subjects</h2>

        <button id="opener">maths</button>

        <div id="dialog" title="Dialog Title">maths is an important subject.</div> <br> 

      <button id="opener">english</button>

        <div id="dialog" title="Dialog Title">this is also very important</div> <br>

       <script>

        $( "#dialog" ).dialog({ autoOpen: false });
        $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
                                         });
        </script>

我有一个jquery ui对话框,我在该对话框上有一个jqgrid.当我单击添加或编辑时,jqgrid弹出窗口(在弹出窗口中有一个弹出窗口),它显示输入数据BUT..

..it显示在jquery UI对话框后面(zorder错误).无论如何让jqgrid弹出窗口设置正确的Zorder,这个窗口显示在jquery ui对话框的顶部(前面),这样就可以使用了.

我在下面有一个突出显示行为的截图.

这是我的代码:

  $(document).ready(function () {

    $("#modalDialogContainer").dialog({
    resizable: false,
    height: 'auto',
    autoOpen: false,
    width: 1000,
    modal: false,
    buttons: {
        'Close': function () {
            closeModalPopup();
        }
    }
});
}); 

然后在按钮单击以启动jquery ui对话框我有这个:

$("#modalDialogContainer").dialog("open");

我发现这个链接似乎是遇到同样问题的人,最后它说它固定但我没有在jqgrid源代码中看到这个.

我有一个模态对话框出现在一个页面上,该对话框不应该被访问但仍应从模态对话框的外部看到.除了两个问题外,我的一切都很完美:

• 一旦出现模态对话框,其中的链接就会自动聚焦,因此它周围有一个蓝色框(就像我关注的任何元素一样),但我不想要这种行为.
• 此外,还有一个X按钮,允许用户关闭对话框,我想摆脱它.

有帮助吗？

我有一个使用jQuery的Dialog UI插件的对话模式框.我试图检测用户是否使用标题栏右上角的"X"按钮关闭了该框,但没有运气.我试过了:

$('.myModal').dialog({
    title: 'dialog 1',
    beforeClose: function(){
        //do something
    }
}).dialog("open");

无论用户操作如何,这都将执行该功能.即如果用户点击"确定"而不是"X"按钮.

我查看了对话框文档,找不到能够提供我正在寻找的结果的事件,方法或选项.任何想法将不胜感激.

我正在尝试用JQueryUI对话框替换标准的javascript confirm函数.我一直在寻找解决方案,但似乎没有什么对我有用.我想要的很简单:单击ASP.Net按钮,显示对话框,如果按"是"则继续.当前的javascript代码:

    $(document).ready(function () {

        $("#confirmDialog").dialog({
            autoOpen: false,
            modal: true,
            closeOnEscape: false,
            bgiframe: true,
            open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide() },
            buttons: {
                "Yes": function () {
                    $(this).dialog('close');
                    return true;
                },
                "No": function () {
                    $(this).dialog('close');
                    return false;
                }
            }
        });
    });

    function showDialog() {
        $("#confirmDialog").dialog('open');
        return false;
    }

ASP.NET代码:

            <asp:Button ID="DeleteButton" CssClass='button' onmouseout="this.className='button'"
                onmouseover="this.className='button:hover'" runat='server' Text='Delete' Width='1in'
                Height="30px" OnClientClick="javascript:showDialog();" OnClick="DeleteSetup"/>

发生的事情是显示对话框,但在对话框中选择任何内容之前调用DeleteSetup vb.net sub.

提前感谢您的任何帮助或建议.

我的网站上有一些链接需要在用户点击其中一个时显示模式对话框.模态将包含如下消息:You are now leaving the "SECTION NAME" part of "SITE NAME".然后,用户将接受哪个将允许用户继续他们的请求或取消,这将使用户保持他们所在的位置.

链接的一个例子是: <a href="/interests" title="My Interests" target="_blank" class="leaving-section">My Interests</a>

因此,您可以看到类leaving-section将导致链接执行我上面指定的操作,并且还将在新选项卡/窗口中打开链接但是用户必须首先接受他们知道他们正被带到另一部分网站.

我查看了文档,但我没有看到任何示例,其中a)对话框是动态创建的,而不是隐藏和显示div和b)允许用户确认并发送到其原始位置,即url他们点击了.

这是我到目前为止:

$("#leaving-section").dialog({
            resizable: false,
            modal: true,
            buttons: {
                "I understand, take me there": function () {
                    $(this).dialog("close");
                },
                "I want to stay where I am": function () {
                    $(this).dialog("close");
                }
            }
        });

        $('.leaving-section').click(function (event)
        {
            event.preventDefault();
            var $dialog = $('#leaving-section');
            $dialog.dialog('open');
        });

但我希望通过jquery创建模式而不是嵌入在页面中的div!另外我如何获得第一个按钮将它们发送到原始目的地？

感谢所有可以提供帮助的人.谢谢

我有这样一个div块:

<div id="myDiv">
<table>
<tbody>
<tr>Some data</tr>
</tbody>
</table>
</div>

我想做的就是检查是否<tr></tr>有一些文本并在对话框中显示这个div块,否则不做任何事情.

最好的方法是什么？我不知道如何检查是否<tr></tr>为空.

我的网页上发生了一些奇怪的事情.

我想在单击按钮时添加确认jquery对话框.问题是....我在我的页面上多次使用该按钮,每个按钮都有"id"并由php创建(因此页面上可以有2,3,4,5个按钮).

按钮看起来像这样:

            <a href="#" id="confirm" onclick="addlist(<?php echo $v['id'];?>);return false;"><img src="img/item_add.png" alt="add" width="100" height="46" /></a>

这是我的jquery

  $(document).ready( function(){

$('#dialog').dialog({
    autoOpen: false,
    width: 600,
    buttons: {
        "Ok": function() {
            $(this).dialog("close");
        },
    }
});

$('#confirm').click(function() {
    $('#dialog').dialog('open');
    return false;
    });
});?

问题是,我的jquery代码工作得很好,但只适用于第一个按钮,第二个,第三个......等等

你有我的例子:http: //jsfiddle.net/S4vSU/1/

我希望该对话框适用于每个按钮.问题出在哪儿 ？

先感谢您 !

我试图自定义我的jQuery UI确认对话框窗口。无法找到如何删除按钮上的淡蓝色外发光（悬停时），将关闭文本按钮从“关闭”更改为“ x”以及删除关闭按钮悬停背景的方法。是否有一些有关所有对话框类的文档？

这是代码：

function fnComfirm(title, content, btnId) {
    $("#dialog:ui-dialog").dialog("destroy");
    $("#dialog-confirm p").text(content);
    $("#dialog-confirm").dialog({
        title: title,
        resizable: false,
        height: 200,
        width: 486,
        modal: true,
        buttons: {
            "OK": function() {
                $( this ).dialog("close");
                if (btnId) document.getElementById(btnId).click();                  
                return true;        
            },
            Cancel: function() {
                $( this ).dialog("close");
                return false;
            }
        }
    });
    $('body').css('overflow','hidden');
    $("div[role=dialog] button:contains('Cancel')").css("background-image", "none").css("border", "0px solid #FFF");
    $('.ui-dialog :button').blur();     
}

HTML：

<div id="dialog-confirm" title="Are you sure?"><p></p></div>

包括：

<h:outputScript library="js" name="jquery-ui-1.8.min.js" />

我正在尝试从代码中打开一个对话框窗口.互联网上说要使用$("#dialog").对话框("打开"); 但由于某种原因,这是行不通的.

$( "#draggable" ).draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid",
    stop: function(event, ui) {
      alert("Hello World!");
      $("dialog").dialog('open');
    }
  });
  $( "ul, li" ).disableSelection();
});
$(function() {
  $("#dialog").dialog({
    autoOpen: false,
    height: 200,
    width: 150
  });
});

我希望它在用户停止移动其中一个列表项时打开.警报发生但不是对话框.谁知道为什么？