動態添加選擇的列表不正確樣式

我使用ajax來獲取包含我想用選定的jQuery插件樣式化的下拉列表的部分視圖的HTML。我動態添加的第一個是正確的樣式，但所有其他人成爲鏈接，並沒有得到適當的樣式/功能。動態添加選擇的列表不正確樣式

行中添加後，我用：

$(".chosen").last().css('width', '150px').chosen();

的元素也開始得到正確的風格，但它並不完全這樣做的權利。這是輸出。

<div id="SelectedRate_chzn" class="chzn-container" style="width: 150px;"> 
    <a href="javascript:void(0)" class="chzn-single chzn-default"> 
     <span>Select an Option</span> 
     <div><b></b></div> 
    </a> 
    <div class="chzn-drop" style="left:-9000px;"> 
     <div class="chzn-search"> 
      <input type="text" autocomplete="off"> 
     </div> 
     <ul class="chzn-results"></ul> 
    </div> 
</div>

我不認爲我的部分視圖有什麼問題，但如果您需要其他內容，請在下面評論。

來源

2012-05-07 Jonathan

ü可以粘貼在ühttp://jsfiddle.net/ – Thulasiram

代碼不能真正做到這一點，因爲我在做一個Ajax請求，我真的不能模擬那裏。 – Jonathan

我通過一個對話框，以現有的形式添加記錄時有同樣的問題，我成功地做到這一點如下：一，全成Ajax調用後

，我添加了一個新選項原來的選擇元素並觸發事件選擇重新讀取select元素並自行更新。

例如： Ajax調用返回新的聯繫人數據被添加爲JSON字符串

{ id:123, label:'new contact name' }

追加的新選項的選擇：

$('select#contact_id').append('<option value='+data.id+'>'+data.label+'</option>')

觸發事件（你可以鏈接到前面的電話）

$('select#contact_id').trigger('liszt:updated');

希望得到這個你去！

親切的問候

來源

2012-09-14 15:44:24 4levels

動態添加選擇的列表不正確樣式

回答

相關問題