使用jQuery设置di​​v类的宽度不起作用

Question

我正在看一些有不良代码的精彩例子的作品;我无法改变课程，所以我必须处理它。

我使用nice-selectbox有三个水平容器和6个div类。 3是div，由一些jQuery设置，我无法触摸，3是选择类。

我想将nice-selectbox的第三个div实例设置为width：150％，但我没有运气。

<div class="horizontal-three-container third">
    <h3 class="header-step">Heading</h3>
    <div class="nice-selectbox">
        <span class="select-text">Option 1</span>
        <select class="nice-selectbox" name="search">
            <option value="null">Please Select</option>
            <option id="search_1" value="1" selected="selected">Option 1</option>
            <option id="search_2" value="2">Option 2</option>
            <option id="search_3" value="3">Option 3</option>
        </select>
    </div>
</div>

我试过了：

$('div.nice-selectbox:eq(2)').css('width', '150%');

$('.third div.nice-selectbox').css('width', '150%');

它还没有用。它只会击中选择类。

非常感谢任何帮助。谢谢。

小提琴更新：http://jsfiddle.net/QAxLQ/1/

似乎在这里工作。我不确定发生了什么。

Answer 1

因为它似乎在JSFiddle中工作，所以你没有在使用它的页面上包含jQuery。

添加类似：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

将解决您遇到的问题。 jQuery必须通过脚本链接包含在页面上，否则你编写的任何jQuery都无效。

只是将它的代码放在包含jQuery的代码中。

DEMO HERE