2010-06-03 2 views
1

Я сделал диалоговое окно, содержащее внутри него форму, и я хотел бы добавить к нему некоторые причудливые элементы. Я пытался с $().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(); 

дело в том, что, отладка его я видел, что она проходит через ту часть кода, но он не делает то, что он хотел сделать. Любая подсказка?

ответ

1

Обновлен: Я никогда не использовал .buttonset() раньше, в любом случае она работает против разметки, you can see a demo here. Этот пример использует один и тот же код, что и вопрос:

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

Убедитесь, что вы в то число JQuery UI CSS правильно, и что ваши идентификаторы являются уникальными, если они не вы получите некоторое реальное смешное поведение, и должен переключиться на класс. Кроме того, убедитесь, что эта часть вашего представления находится в DOM при ее запуске, например. это внутри обработчика событий document.ready?

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

взять посмотрите на это, http://jqueryui.com/demos/button/#radio, так как это то, что я хочу сделать. buttonset() существует, и это делает действительно эффектный эффект для radioButtons. Я использовал его во всем своем приложении, но я столкнулся с проблемой при попытке использовать его в модальном диалоговом окне. Поскольку это похоже на что-то действительно новое, я не нашел никого с теми же проблемами, что и Google. Спасибо за ответ в любом случае :) – vikitor

+0

@vikitor: Он работает в демо здесь: http://jsfiddle.net/WjqVc/ Это то, что вам нужно? –

+0

@Nick: Да, он отлично работает в этой ситуации, как я уже сказал, я успешно использовал его в своем приложении. Проблема в том, что, когда эта часть кода загружается в окно модального окна jquery, она ничего не делает, я имею в виду, что она просто не конвертирует кнопки, как в примере, который вы связали :). То, что мне нужно, - заставить его работать в модальном диалоговом окне, потому что теперь, с этим кодом, я получаю обычные радиокнопки – vikitor

2

У меня была та же проблема имеет ваш, после интенсивной рефлексии Я обнаружил, что: Когда вы объявить диалоговое окно, вы можете задать функцию с именем, когда он открывает

$(".selector").dialog({ 
    open: function() { 
     $('#buttonset').buttonset(); 
    } 
}); 
Смежные вопросы