如何停止在特定按钮上生成代码？ [复制]答案

【问题标题】：how to stop generating code on a particular button? [duplicate]如何停止在特定按钮上生成代码？ [复制]
【发布时间】：2011-03-07 18:46:44
【问题描述】：

可能重复：
How can i stop jQuery mobile to apply styles to my specific form elements

我正在尝试在使用 jquery 框架的 Web 应用程序中创建一个输入按钮供我自己使用。但是当我在浏览器中看到 html 代码时，框架正在围绕该输入生成一些包装器代码，如何防止该代码不生成？

我的代码：

<input type="button" value="off" class="toggle-btn" id="toggle-btn1" />

生成的输出：

<div data-theme="c" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-c">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">off</span>
    </span>
    <input type="button" id="toggle-btn1" class="toggle-btn ui-btn-hidden" value="off">
</div>

【问题讨论】：

发布你的 JS 代码，可能是你调用的东西导致了这种行为。
你的按钮还在，只是被隐藏了。但是当点击替换的 div 时，他会被触发。查看 jquerymobile 文档：jquerymobile.com/demos/1.0a3/#docs/buttons/buttons-types.html

标签： javascript jquery-mobile

【解决方案1】：

你想要data-role="none"

http://jquerymobile.com/demos/1.0a3/#docs/forms/docs-forms.html

【讨论】：

哦，伙计，我已经找了好几个小时了，谢谢！
@naugtur，非常感谢！你节省了我的时间..

【解决方案2】：

您正在使用 jQuery Mobile 框架？

生成的输出是框架在网页上创建这些功能按钮的一种方式。它们隐藏了所有真正需要的 HTML，并通过让您指定类名使其变得简单。这个包装器 HTML 是否在做一些你不喜欢的事情？

我不明白你说的输入按钮是什么意思？你想要一个按钮..还是一个输入字段？例如

<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value=""  />

【讨论】：

我只想要一个没有 jquery-mobile 生成的额外标记的输入字段
-1 用于回答而不阅读问题。
嗯，好吧。我很困惑。然而。我仍然相信我回答了你的问题。 jQuery 移动库将自动创建您在查看 HTML 时看到的包装代码。