按鈕班jQuery UI的引導對話框沒有添加

我已經添加了UI引導主題，以我的應用程序，大部分似乎工作得很好，但我似乎無法讓我的UI對話框按鈕來正確地呈現，如演示。看來，jQuery UI並沒有將這些類添加到按鈕中，以便按鈕被設置樣式。按鈕班jQuery UI的引導對話框沒有添加

使用Chrome開發者的按鈕應該呈現：

<button type="button" 
    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" 
    role="button" 
    aria-disabled="false"> 
     <span class="ui-button-text">Ok</span> 
</button>

但是，當我創建我的對話：

$('#dialog').dialog({ 
    title: 'My Text', 
    close: function (event, ui) { 
     myfunction(); 
    }, 
    bgiframe: false, 
    width: 860, 
    height: 500, 
    resizable: true, 
    modal: true, 
    buttons: { 
     Cancel: function() { 
     $(this).dialog("close"); 
     } 
    } 
});

的用戶界面對話框按鈕呈現爲這樣：

<button type="button">Cancel</button>

無類正在被添加，我找不到任何告訴我如果我需要執行其他方法或什麼交易是。

謝謝。

-V

編輯：對不起，我忘了引用我使用的版本：

引導：2.2.2 jQuery的：1.8.3 jQuery用戶界面：1.9.2

來源

2012-12-10 Vince Kronlein

我不確定是否有可能。你需要使用JQuery對話框嗎？檢查此鏈接： http://forums.asp.net/t/1761495.aspx/1?can+we+use+jquery+ui+with+twitter+bootstrap+ –

您可能會發現這個有用的：HTTP：/ /addyosmani.github.com/jquery-ui-bootstrap/ –

是的，這是我使用的。它在標題和問題的第一行中提到:-) –

好，我這解決了我自己。

它只是我的JavaScript文件的順序。

加載jquery.ui

一旦我做了這一切通過UI本地應用的按鈕類出現之前正確確保加載bootstrap.js。

感謝大家作出了貢獻。

-V

來源

2012-12-11 02:02:39

謝謝偉大的工作，但引導工具提示更改爲jquery ui tooltip –

是啊這是從2012年 –

三年後，你救了我早上的憤怒 – Faber75

您可能需要將此添加到您的js/html文件 $（'button'）。button（）; 這樣每個按鈕都應該根據你的主題進行渲染。

來源

2012-12-10 22:14:07

謝謝。我已經嘗試過了。根本沒有效果。 –

這是因爲與jQuery UI的按鈕（）函數引導的按鈕（）函數的衝突。看到這個錯誤的詳細信息：https://github.com/twitter/bootstrap/issues/6094

如果要加載bootstrap.js jQueryUI的之後，你可以用它來引導移動的按鈕（）函數的方式進行：或者

var btn = $.fn.button.noConflict(); // reverts $.fn.button to jqueryui btn 
$.fn.btn = btn; // assigns bootstrap button functionality to $.fn.btn

，你可以使用引導模式而不是jqueryui對話框。

來源

2013-02-20 03:56:52 JBCP

我很困惑，爲什麼我的jQuery UI按鈕看起來不同了一段時間......感謝這！我只需要這個暫時的，直到我可以刪除我的應用程序中的jQuery UI依賴，並完全切換到引導！ –

感謝gread工作 –

在bootstrap.js後面添加並運行 –

按鈕班jQuery UI的引導對話框沒有添加

回答

相關問題