1

私はjQueryUIプラグインの初心者であり、知識をテストするためのデモアプリケーションを構築しています。ラジオボタンアドオンを使用していますが、機能していないようです。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>

...しかし、何らかの理由で、この一見正しい実装で、私はまだ通常の外観のラジオボタンを取得しています。この効果を達成したい：

写真

誰かがここで答えを持っていますか？よろしくお願いします。:)

4

1 に答える 1

2

<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が正しく認識されないようにするためのものです。ここで、修正されたバージョンを試すことができます。

于 2010-08-18T00:45:16.920 に答える