Question

请参阅此小提琴： http://jsfiddle.net/toroncino/7Yag9/2/

为什么我点击这一行什么都没发生？

我需要双击以突出显示该元素。

仅当我点击右侧的选择时才有效。

感谢您的帮助。

Answer 1

如果你删除这一行CSS，只需点击一下：）

label{color:#777;padding-top:2px;display:block;}

小提琴已更新here。

事实上，您可以保留该行，但只需删除display:block;即可。

编辑：您也可以取出<label>和</label>代码并将您的CSS放在<span>上，或将<span>text</span>更改为<label>text</label>。

Answer 2

您错过了$：

$(function() {

使用select包裹label代码不是有效：

改变这些：

   <li>
        <label>
            <span>text</span>
            <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
        </label>
    </li>

为：

    <li>
        <label>text</label>
            <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
    </li>

demo

Answer 3

这是因为当您点击li时，click的{{1}}事件也会被触发。第一次单击应用该类，但第二次单击事件select（反过来气泡到select单击事件）将删除该类。在select的li事件上添加return false可以完成工作。我也更新了小提琴http://jsfiddle.net/7Yag9/9/。

click

列表需要双击才能切换一个类

3 个答案: