jquery - Cakephp jQueryダイアログのタイトルバー:閉じるボタンにアイコンとタイトルが表示されない

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>

誰でもこれを手伝うことができますか？