jQuery下拉列表仅在刷新其正常下拉列表时进行一次样式化

时间:2012-10-28 05:31:09

标签: javascript jquery jquery-ui jquery-mobile

点击“添加里程并打开它”后,尝试在我的表单上实现“下拉​​”效果

它似乎只发生在第一次加载时,如果你刷新或回到页面的任何时候该死的东西变成丑陋的正常非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>

1 个答案:

答案 0 :(得分:1)

在jQuery Mobile完成页面增强之前,您似乎正在尝试执行makeRunRecord()。要在jqm完成增强后立即执行代码,请使用pageinit event

看起来像这样:

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