Question

我遇到了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);
          });
});
});

Answer 1

将em附加到dom后，你必须刷新按钮：

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

<强> CODE

$(":button").button();

Answer 2

使用

container.trigger('create');

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

jquery移动按钮刷新和多重绑定

2 个答案: