【问题标题】:Cakephp jQuery dialog title bar: close button doesn't shows its icon and titleCakephp jQuery 对话框标题栏:关闭按钮不显示其图标和标题
【发布时间】:2013-10-29 00:33:39
【问题描述】:

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>

有人可以帮忙吗?

【问题讨论】:

标签: jquery cakephp jquery-ui-dialog


【解决方案1】:

如果您使用 twitter 引导程序,请尝试注释您使引导程序 javascript 加载的行。 我如何不使用引导函数,它对我来说很好。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-12-10
    • 1970-01-01
    • 2015-11-17
    • 1970-01-01
    • 2015-02-18
    • 2012-05-31
    • 2012-10-21
    • 2010-12-13
    相关资源
    最近更新 更多