使用jQuery不工作設置div類的寬度

-2

我正在看一些有錯誤代碼的精彩示例的工作;我無法更改課程，所以我必須處理它。使用jQuery不工作設置div類的寬度

我有三個水平容器和6個div類使用nice-selectbox。 3是divs，由我無法觸及的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/

在這裏工作似乎。我不確定發生了什麼事。

來源

2014-06-25 DarkShadowAY

你在哪裏添加了代碼？ –

你試過寬度函數：'$（'div＃somediv'）。width（'70％'）;' – Andi

@MilindAnantwar頁面頂部。它絕對有效，因爲它改變了選擇類的元素。 – DarkShadowAY

因爲它似乎在JSFiddle中工作，它將會是你沒有在它正在使用的頁面上包含jQuery。

添加類似：

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

會解決您遇到的問題。 jQuery必須通過腳本鏈接包含在頁面中，否則你寫的任何jQuery都無法工作。

只要將它的演示放入包含jQuery的代碼中即可。

DEMO HERE

來源

2014-06-25 10:28:35 Ruddy

這似乎是問題所在。我有一箇舊版本。謝啦！ – DarkShadowAY

@DarkShadowAY它是一個常見的問題，這應該是你使用jQuery時要做的第一件事。也歡迎你。 – Ruddy

使用jQuery不工作設置div類的寬度

回答

相關問題