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>

我不知道出了什么问题。我通过mybrowser检查了元素，发现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和一个span。有办法解决这个问题吗？

感谢您的帮助。

Answer 1

Jquery Mobile在页面加载时转换表单输入（以及其他内容）以生成移动友好版本。通常这是需要的，因为使用jquery移动版本更容易点击按钮。如果您不希望这样添加data-role =＆＃34; none＆＃34;属性为您的提交输入，如下所示：

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

jQuery mobile，不需要的div出现在表单中

1 个答案: