标签: jquery-ui-dialog

我在使用对话框作为基本功能时遇到问题.这是我的jQuery源码导入:

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.11.1.js"></script>
<script type="text/javascript" src="scripts/json.debug.js"></script>

HTML:

<button id="opener">open the dialog</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">I'm a dialog</div>

<script type="text/javascript">
    $("#opener").click(function() {
            $("#dialog1").dialog('open');
    });
</script>

从帖子周围看起来像是一个图书馆导入问题.我下载了JQuery UI Core,Widget,Mouse和Position依赖项.

有任何想法吗？

我在我的应用程序中使用jquery ui对话框.如何在jquery对话框中以不同方式设置"保存"和"取消"按钮的样式？所以"保存"比"取消"更具吸引力.我可以使用超级链接"取消",但如何将其放在同一按钮面板中？

有谁知道如何使jQuery对话框不可调整大小？目前,我称之为:

var elem = $("#mydiv");
elem.dialog({
  modal: true,
  title: 'title',
  buttons: {
     Ok: function() {
        $(this).dialog('close');
     } // end function for Ok button
  } // end buttons
}); // end dialog
elem.dialog('open')

我正在升级的Web应用程序使用jQuery和jQuery UI.我已经取代了大多数情况下window.open,并<a target=_blank>与jQuery UI的对话框.例如,用于在新窗口中打开的条款和条件; 现在我使用AJAX的jQuery UI对话框.为了保持一致性,我计划尽可能使用它.

一个这样的地方是一个页面,我将有视频的外部链接.就像是:

<a href="http://website.com/videos/1.html" target="_blank"><img src="http://website.com/videos/1.png"></a>
<a href="http://website.com/videos/2.html" target="_blank"><img src="http://website.com/videos/2.png"></a>

在某些情况下我可能会使用target=iframe1.现在,我不想在iframe或弹出窗口中打开内容,而是想在弹出对话框中显示内容.我如何使用jQuery UI对话框来实现这一目标？会不会有任何陷阱？

可能重复:
删除jQueryUI对话框上的关闭按钮？

我正在尝试创建一个对话框,要求用户在继续之前同意术语,并且不希望用户只需单击对话框右上角的"X"即可关闭.我想要求用户点击"我同意".

有没有办法禁用对话框中的'X'？

澄清:我只是使用标准的jQuery UI对话框:$ .dialog().

如何在javascript中关闭所有jquery ui对话框窗口？

情况:

该页面有多个可以使用对话框打开的东西.我需要一种方法来关闭所有以前的窗口,然后再打开一个新窗口.

即使页面滚动,我也需要对话框来保持其位置固定,所以我在http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010使用了扩展名,但它有2个问题:

• 在页面滚动的IE和Firefox中闪烁(在Safari/Chrome中很好)

• 在关闭然后重新打开时,它会丢失其粘性并随页面滚动.

这是我用于创建对话框的代码:

$('<div id="'+divpm_id+'"><div id="inner_'+divpm_id+'"></div><textarea class="msgTxt" id="txt'+divpm_id+'" rows="2"></textarea></div>')
                .dialog({
                autoOpen: true,
                title: user_str,
                height: 200,
                stack: true,
                sticky: true //uses ui dialog extension to keep it fixed
     });

这是我用来重新打开它的代码:

jQuery('#'+divpm_id).parent().css('display','block');

建议/解决方案？

谢谢

我正在尝试为jquery ui对话框创建knockoutjs绑定,并且无法打开对话框.对话框元素已正确创建,但似乎没有删除display: none调用dialog('open').此外,调用dialog('isOpen')返回对话框对象而不是布尔值.

我使用最新的knockoutjs和jquery 1.4.4与jquery ui 1.8.7.我也用jQuery 1.7.1尝试了相同的结果.这是我的HTML:

<h1 class="header" data-bind="text: label"></h1>

<div id="dialog" data-bind="dialog: {autoOpen: false, title: 'Dialog test'}">foo dialog</div>

<div>
    <button id="openbutton" data-bind="dialogcmd: {id: 'dialog'}" >Open</button>
    <button id="openbutton" data-bind="dialogcmd: {id: 'dialog', cmd: 'close'}" >Close</button>
</div>

这是javascript:

var jQueryWidget = function(element, valueAccessor, name, constructor) {
    var options = ko.utils.unwrapObservable(valueAccessor());
    var $element = $(element);
    var $widget = $element.data(name) || constructor($element, options);
    $element.data(name, $widget);

};

ko.bindingHandlers.dialog = {
        init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
            jQueryWidget(element, …

继承人html:

<div ng-controller="MyCtrl">
    <a ng-click="open()">Open Dialog</a>
    <div id="modal-to-open" title="My Title" ui-jq="dialog" ui-options="{width: 350, autoOpen: false, modal: true}">
        Dialog Text
    </div>
</div>

这是js:

function MyCtrl($scope) 
{
    $scope.open = function () {
        $('#modal-to-open').dialog('open');
    }
}

这是最好的方法吗？似乎有一种更好的方法可以在不访问DOM的情况下打开它,但我不确定如何去做.上面的代码工作,我只是想知道这是否是我应该这样做的方式.欢迎任何输入.

我想使用jquery ui弹出一个模态对话框,其中叠加层是完全黑色的.我知道我可以在主题中设置它,但我不希望所有对话框都有黑色叠加.只是其中之一.

有没有办法在每个对话框的基础上配置对话框的背景(叠加)颜色？也许什么时候创建？

TIA