2012-10-28 154 views
2

努力實現「下拉​​」效應我這裏有我的形式,一旦你點擊「添加里程並打開它,即」jQuery的下拉僅風格化一次,在刷新其正常的下拉

它似乎只發生在第一次加載時,如果你刷新或返回頁面,該死的東西變成一個醜陋的正常非jQuery下拉。即時通訊假設其因爲即時通訊使用JavaScript來填充我的選擇(下拉)。任何幫助,將不勝感激....`

的.js

// Create select element with options. 
function makeRunRecord() { 
    var formTag = document.getElementsByTagName('form'), 
    selectList = ge('select'), 
    makeSelect = document.createElement('select'); 
    makeSelect.setAttribute("id", "styles"); 
    makeSelect.setAttribute("name", "styles"); 
    makeSelect.setAttribute("class", "required select"); 
    makeSelect.setAttribute("data-native-menu", "false"); 
    var makePlace = document.createElement('option'); 
    makePlace.setAttribute("data-placeholder", "true"); 
    makePlace.setAttribute("value", ""); 
    makeSelect.appendChild(makePlace); 
    for (var i=0, j=runningStyles.length; i<j; i++) { 
     var makeOption = document.createElement('option'); 
     var optText = runningStyles[i]; 
     makeOption.setAttribute("value", optText); 
     makeOption.innerHTML = optText; 
     makeSelect.appendChild(makeOption); 
    } 
    selectList.appendChild(makeSelect); 
}; 
// Call Functions 
makeRunRecord();  
}); 

的.html

<li><div id="select"><label for="rStyle">Choose Run Style*</label></div> 
+0

你需要縮小你的代碼是傳給你的問題的區域。沒有人能真正幫助這一點。看起來你正在將jQuery與常規的DOM調用混合在一起。首先製作一切jQuery並從那裏開始。 – Cfreak

+0

完成,也許這將有所幫助。 –

+0

所有固定的幫助將不勝感激! –

回答

1

好像你正試圖執行makeRunRecord()之前jQuery Mobile的完成提高頁面。要在jqm完成增強後執行代碼,請使用pageinit event

它會是這個樣子:

$('#additem').live('pageinit',function(event){ 
    makeRunRecord(); 
});