jQuery手機，不需要的div出現在表格

Question

我的問題是爲什麼另一個div出現在我的提交按鈕的正面，並且請注意，這個div同時也是一個按鈕，但點擊時它不會做任何事情。但是，如果你點擊我的提交按鈕，它將起作用，div將消失，但如果刷新頁面，它將再次出現。

<form method="post" action="newsfeed.php"> 
    <p> 
     <label for="input1">Rubrik:</label><br> 
     <input id="input1" class="text" type="text" name="rubrik"> 
    </p> 
    <p> 

    <label for="textarea-a">Message:</label> 
    <textarea name="textarea" id="textarea-a" width="550px"> 
    </textarea></p> 
     <input type="submit" name="doSave" value="Send" ></input> 
</form> 

我不知道什麼是錯的。我通過webrowser檢查的元件，發現jQuery Mobile的翻譯我的代碼，這

<form action="newsfeed.php" method="post"> 

    <p></p> 
    <p> 
     <label class="ui-input-text" for="textarea-a"></label> 
     <textarea id="textarea-a" class="ui-input-text ui-body-a ui-corner-all ui-shadow-inset" width="550px" name="textarea"></textarea> 
    </p> 
    <div class="ui-submit ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-disabled="false" aria-disabled="false"> 
     <span class="ui-btn-inner"></span> 
     <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-a"> 
      <input class="ui-btn-hidden ui-input-text ui-body-a" type="submit" value="Send" name="doSave" data-disabled="false"></input> 
     </div> 
    </div> 

所以它創造了兩個額外的div和一個跨度。有沒有辦法來解決這個問題？

謝謝你的幫助。

Answer 1

Jquery Mobile在頁面加載時轉換表單輸入（以及其他），以製作一個移動友好版本。通常這是需要的，因爲按鈕更容易點擊它的jquery移動版本。如果您不希望這樣將data-role =「none」屬性添加到您的提交輸入中，如下所示：

<input type="submit" data-role="none" name="doSave" value="Send" ></input>