Question

我的Jquery移动代码存在问题。我想从外部JS文件中使用document.write。但它确实写了一切，但它不包括任何布局。有人知道如何解决这个问题吗？

这是外部js中的代码：

document.write(
   '<div data-role="page">'+'<div data-role="header"><h1>Kapsalon</h1></div>'+
   '<div data-role="content">'+'<ul data-role="listview" id="tijden">'
);
if (eerste_kapper1 == "leeg") {
 document.write('<li><a href="reserveer.php?maand='+maand+'&naam='+naam+'&tijd=1&tijd1=eerste_kapper1&dag='+i+'">08.00</a></li>');
} else if (eerste_kapper2 == "leeg") {
 document.write('<li><a href="reserveer.php?maand='+maand+'&naam='+naam+'&tijd=1&tijd1=eerste_kapper2&dag='+i+'">08.00</a></li>');
}
document.write('</div>'+'</div>');

这个js文件正在编写一个Jquery Mobile页面。

这是我正常的html页面：

<div data-role="page" id="eerste" name="eerste"> 
  <div data-role="header"><h1>Kapsalon</h1></div> 
    <div data-role="content">
      <form action="" method="GET">
        <label for="naam">Naam:</label><input type="text" name="naam"/><br />
        <label for="tijd">Behandeling:</label>
        <SELECT NAME="tijd">
          <OPTION value="1">Kwartier</OPTION>
          <OPTION value="2">half uur</OPTION>
        </SELECT><br />
        <label for="kapper">Kap(p)(st)er</label>
        <select name="kapper">
         <option value="all">Maakt niet uit</option>
         <option value="2">Kapper naam 2</option>
         <option value="3">Kapper naam 3</option>
        </select>
        <label for="maand">Kies een datum:</label>
        <input name="maand" type="date" data-role="datebox" id="maand" data-options='{"mode": "calbox", "afterToday": true, "focusMode": true}'/>
        <INPUT TYPE="button" NAME="button" Value="verder" onClick="addScript(this.form)">
      </form>
  </div>
</div>

此表单在页面本身上调用js函数，查看需要加载的js页面，并加载该文件。

从外部JS文件写Jquery mobile

0 个答案: