0

我对 cakephp 中 jquery 模式对话框的关闭按钮有疑问。

对话框显示正常。标题栏中的关闭按钮也显示出来了，但没有显示“x”符号，鼠标悬停时关闭按钮的标题文本也没有显示。

这是代码：

在 default.ctp 我有

...
echo $this->Html->css('jquery-ui');
...
echo $this->Html->script('jquery-1.10.1.min');
echo $this->Html->script('jquery-ui-1.10.3.custom');
...

在视图中：

<div id="dialog-modal" style="display:none"></div>

echo $html->link($a,$href,array('class' => 'modalDlg','id' => "id,'title' => 'Title','escape' => false));

和脚本代码：

$(".modalDlg").click(function(){
    title = $(this).attr('title');
    $('#dialog-modal').load(
    $(this).attr('href'),
    function(){
    $(this).dialog('option','title',title);
    $(this).dialog('option','closeText',CLOSE);
            $(this).dialog("open");
            $(this).fadeIn(1000);
        }
    );
    return false;
});

$(function(){
    $("#dialog-modal").dialog({
    autoOpen: false,
        closeText: "close",
        modal: true
    });
});

出于测试原因，我尝试在初始化部分和打开之前设置 closeText，但都不起作用。

更新：

这是上面 jQuery 代码为关闭按钮生成的内容：

<button class="ui-dialog-titlebar-close"></button>

而在 jQuery 模态对话框的演示代码中，关闭按钮的代码如下所示：

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close">
    <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
    <span class="ui-button-text">close</span>
</button>

有人可以帮忙吗？

4

1 回答 1

0

如果您使用 twitter bootstrap，请尝试注释您进行 bootstrap javascript 加载的行。我如何不使用引导功能，对我来说效果很好。

于 2013-10-28T16:33:39.937 回答