JQuery UI buttonset () не отвечает, как следует? - PullRequest
Новая
       7

JQuery UI buttonset () не отвечает, как следует?

1 голос
/ 18 августа 2010

Я новичок в плагине jQuery UI и создаю демонстрационное приложение для проверки своих знаний. Я использую радиокнопку и не могу заставить ее работать. У меня есть следующая строка в функции, вызываемой при загрузке body: 

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

Я также правильно включил CSS и JS, вот так: 

<style src="jquery-ui-1.8.4.custom/css/ui-darkness/jquery-ui-1.8.4.custom.css"></style>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script>

... и фактический HTML выглядит так: 

<form name="radios" id="myForm">
<div id="buttonSetDiv">
<input type="radio" name="group1" value="posts" id="radio1" checked onchange="valueChanged()"> <label for="radio1">Posts</label>
<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2">
<label for="radio2">Members</label>
</div>
</form>

... но по какой-то причине с этой , казалось бы, правильной реализацией я все еще получаю нормально выглядящие переключатели. Я хотел бы добиться этого эффекта:

picture

У кого-нибудь есть ответ здесь? Большое спасибо заранее. :)

1 Ответ

2 голосов
/ 18 августа 2010

В вашем <input> отсутствует закрывающая кавычка id="radio2", поэтому: 

<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2>

Должно быть: 

<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2">

Это сбрасывает хотя бы Chrome вПри правильном распознавании вы можете попробовать фиксированную версию здесь .

...