如何使用自定義按鈕，而不是jQuery UI按鈕？

如何實現自定義圖像，而不是jQuery對話框按鈕？有標準的按鈕，但我已經設計了新的按鈕使用Photoshop的EXT的.png。所以我想使用.png按鈕而不是jquery對話框按鈕。如何使用自定義按鈕，而不是jQuery UI按鈕？

我希望有通過CSS的選項，但如果你給我一個小例子，它會對我很有幫助。

jQuery("#dialog-form").dialog ({ 
autoOpen: false, 
    height: 600, 
    width: 700, 
    modal: true, 
    resizable: false, 
    draggable: false, 
    buttons : { 
    "Search" : function() { // dialog button need to be customize.

來源

2013-07-10 user2444474

從網頁中刪除下面的代碼DEMO

<script src="js/development-bundle/ui/jquery.ui.button.js"> 
    <script> 
    $(function() { 
    $("input[type=submit], a,button") 
    .button()  
       }); 
    </script>

，然後使用您的自定義按鈕，像正常的CSS

來源

2013-07-10 04:34:52

我正在使用jQuery按鈕像按鈕：{「search」：function（）{} ..在問題部分更新。 – user2444474

ü平均彈出窗口按鈕 –

是的... http：//jsfiddle.net/rwPFx/27/ – user2444474

.button級{ 背景; URL（ 'yourimage.png'）;

}

來源

2013-07-10 04:41:50 Ray

我有jQuery對話框中的4個按鈕，所以這個按鈕類將反映哪個按鈕？如何指定每個按鈕？ – user2444474

試試這個嗎？ DEMO http://jsfiddle.net/yeyene/GnpQ8/2/

創建一個自定義關閉按鈕。

$(document).ready(function(){ 
    $("#dialog-model").dialog({ 
     create: function (event, ui) { 
      $('.ui-dialog-titlebar').css({'background':'none','border':'none'}); 
      $(".ui-dialog-titlebar").html('<a href="#" role="button"><span class="myCloseIcon">close</span></a>'); 
      $("#dialog-model").css({ 'font-family': 'Helvetica', 'padding': '0', 'font-size': '12px' }); 
     }, 
     width: 250, 
     height: 150,  
     modal: true, 
     resizable: false 
    }); 

    $("span.myCloseIcon").click(function() { 
     $("#dialog-model").dialog("close"); 
    }); 
});

來源

2013-07-10 05:59:12 yeyene

如何使用自定義按鈕，而不是jQuery UI按鈕？

回答

相關問題