0

jquery ui メニュー 1.9 を使用しています。次のように定義されたリスト項目要素があります

<li><a href="#"><label><input type="checkbox" value="Seven"/>Seven</label></a></li>

http://jsfiddle.net/fVLv3/1/

私の問題は、ラベルのテキストまたは入力自体でのみ、ラベルの外側をクリックするとチェックまたはチェックを外すことができないことです。メニュー項目の任意の場所をクリックして、チェックボックスをトリガーできるようにしたいと思います。

html/cssでこれを行う方法はありますか?

メニューのselectイベントでこれを行うことができると思いますが、それは他の問題につながると思うので、可能であればマークアップで解決したいと思います.

ラベルの幅を 100% に設定しようとしましたが、明らかにうまくいきませんでした。何か案は?

4

2 に答える 2

1

ラベルをdisplay: block; width: 100%;

于 2013-10-31T10:54:18.547 に答える
0

display: inline-block幅を拾うようにラベルに追加します。

于 2013-10-31T10:54:49.667 に答える