Question

我遇到了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>

有人可以帮忙吗？

Answer 1

如果你使用twitter bootstrap，请尝试注释你进行bootstrap javascript加载的行。我怎么不使用bootstrap函数，它对我很好。

Cakephp jQuery对话框标题栏：关闭按钮不显示其图标和标题

1 个答案: