0

我对 Jquery Mobile 有疑问。我从 JS 添加的按钮无法正确显示,并且缺少 CSS。另一方面,点击一个按钮会调用该函数,但如果点击另一个按钮,由于点击关闭,就会出现问题。“addExerciseButton”缺少CSS,问题出现在addExerciseButton内部

    <div data-role="page" id="addprogram">
        <div data-role="header" data-position="fixed">
            <h1>Add Program</h1>
            <a href="#" data-rel="back" data-theme="a">Back</a>
            <a href="#" data-theme="a">Save</a>
        </div><!-- /header -->
        <div data-role="content" class='addprogramcontent'>
            <div data-role="fieldcontain" class='addprogramlist'>
            </div>
        </div>
    </div><!-- /page -->

JS:

$(document).off("tap").on('tap', '.addExerciseButton', function(event){
  //alert(1);
  var container = $(this).attr('id');
  alert(container);
});

JS页面:

eArray.sort();
var container = $("#addprogram").find(".addprogramlist");
container.empty();
// alert(eArray);
for(var i = 1; i <=7; i++)
{
  var day = getDay(i);
  container.append("<label for='day-" + i + "' class='select'>" + day + "</label>");
  var select = $("<select name='day-" + i + "' id='day-" + i + "'></select>");
      for (var j = 0; j < eArray.length; j++)
      {
        select.append("<option value='" + eArray[j] + "'>" +  eArray[j] + "</option>");
      }
      container.append(select);
      var addExerciseButton = "<input type='button' value='Add Exercise' class='addExerciseButton' data-role='button' data-theme='b' id='day-" + i + "'/>"
      container.append(addExerciseButton);

}
  $("select").selectmenu();

 $("#day-1").change(function() {

  // alert(value);
   $("#day-1 option:selected").each(function () {
            // alert(1);
            var value = $(this).val();
            $(this).parent().selectmenu('disable');
            alert(value);
          });
});
});
4

2 回答 2

0

将 em 附加到 dom 后,您必须刷新按钮:

工作示例:http: //jsfiddle.net/PG2bV/55/

代码

$(":button").button();
于 2013-06-09T17:57:20.380 回答
0

使用

container.trigger('create');

解决了我在按钮上没有 CSS 的问题。

于 2013-06-09T17:57:34.390 回答