1

http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-windows-like-interface-with-jquery-ui/のようにjqueryダイアログを使用して いますが、最大化アイコンを配置しましたが、問題私はそれを右から配置することができないということです

.ui-dialog-titlebar-rest{ position: absolute; right: 23px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

左隅にデフォルトで配置されていますが、それがleft:1025px;正常に機能していることに言及すると、右のプロパティを妨げているものがあります。

jquery Smoothnessテーマを使用しています"jquery-ui-1.9.2.custom.css"

誰でもこれで私を助けることができますか?

4

1 に答える 1

1

閉じるボタン用に呼び出される別.ui-dialog-titlebar-closeのスタイルが必要であり、そのスタイルが適用されている必要があるため、次のようにその前に最大化されたアイコンを挿入してみてください。

$(document).ready(function() {
   $('#trigger').click(function(){
      $("#dialog").dialog();
      $(".ui-dialog-titlebar-close").before('<img id="maximize" name="maximize" src="images/imageName.jpg"/>');
   }); 
});

スタイル

<style type="text/css">
   #maximize{
     float:right;/* insert whatever the styles you want here.*/
   }
</style>

HTML

<input name="trigger" id="trigger" type="text" />
<div id="dialog" style="display:none">
    <div>
        Your Dialog content
    </div>
</div>
于 2013-01-10T06:17:34.680 に答える