$（）。buttonset不工作在對話框模式框

我做了一個對話框，其中包含一個窗體，我想添加一些奇特的項目。我一直在嘗試使用$().buttonset()，因爲我已經使用了應用程序中的大部分單選按鈕，以便爲我的應用程序獲得一致的用戶界面。問題是，即使按照指定的規則，按鈕仍然是普通的單選按鈕，而不是花哨的界面。你知道可能是什麼問題嗎？

這就是我想要的花式單選按鈕形式的部分：

<div id ="Replace"> 
    <input type="radio" name="Replace" value = "true" id = "ReplaceYes" 
      onclick = "setReplace(this)" /> 
    <label for="ReplaceYes">Yes</label> 
    <input type="radio" name="Replace" value = "false" checked="checked" 
      id = "ReplaceNo" onclick = "setReplace(this)" /> 
    <label for="ReplaceNo">No</label> 
</div>

然後，當代碼之前的部分是在一個局部視圖，調用示出的模態對話框時，這是我如何嘗試將按鈕的狀態轉換：

$("#Replace").buttonset();

的事情是，調試它我已經看到了經過的那部分代碼，但它不會做什麼它的意思做。任何線索？

來源

2010-06-03 vikitor

更新時間：我從來沒有使用過.buttonset()，在任何情況下，它的工作原理對您的標記，you can see a demo here。該演示使用相同的代碼問題：

$("#Replace").buttonset();

確保你正確包括jQuery UI的CSS，你的ID都是唯一的，如果他們不是你會得到一些真正有趣的行爲，應該切換到一個班級。此外，確保您的視圖的這部分在運行時位於DOM中，例如它是否在這樣一個document.ready事件處理程序中？

$(function() { 
$("#Replace").buttonset(); 
});

來源

2010-06-03 11:19:19

指定調用的函數取看看這個，http://jqueryui.com/demos/button/#radio因爲這是我想要做的。 buttonset（）存在，它對radioButtons有着非常奇妙的效果。我已經在我的整個應用程序中使用過它，但是在嘗試在模態對話框中使用它時遇到了問題。由於它看起來真的很新，所以我沒有發現任何人在使用Google搜索時遇到同樣的問題。謝謝你回答:) – vikitor 2010-06-03 11:31:05

@vikitor：它在這裏的演示中工作：http://jsfiddle.net/WjqVc/那是你在追求什麼？ – 2010-06-03 11:40:30

@尼克：是的，它在這種情況下完美運行，正如我所說的，我已經在我的應用程序中成功地使用了它。問題是，當部分代碼加載到jQuery對話框模式框中時，它不會執行任何操作，我的意思是，它不會像在鏈接的示例中那樣轉換按鈕:)。我之後的事情是讓它在模態對話框中工作，因爲現在，使用該代碼，我得到普通的單選按鈕 – vikitor 2010-06-03 11:43:50

我有同樣的問題有你的，密集的反射我已經發現後：當你宣佈你的對話框，你可以當它打開

$(".selector").dialog({ 
    open: function() { 
     $('#buttonset').buttonset(); 
    } 
});

來源

2012-03-08 11:28:32 Marine

$（）。buttonset不工作在對話框模式框

回答

相關問題