Question

我尝试在jquerymobile的帮助下将网站转换为移动网站。

“type”=“image”的“滚动”按钮存在问题，如果我将其转换为type =“submit”/或类型“button”的移动按钮，则无效

（我只想要一个按钮，它做同样的事情，类型“图像” - 按钮之前做...）只是一个按钮，没有图像...

我在这里发布了几个小时，所以也许你可以帮忙:)。

到目前为止我的代码剪辑了...... 原始代码：

    form name="example_form" method="post" action="example.php" target="_self">
                    <td  align="right">
                        <input type="hidden" name="select" value="" />
                        <input type="hidden" name="example" value="<?php  echo $example; ?>" />
                        <input id="inputimg1" type="image" value="back"  width="89px" height="31px" onclick="this.form.select.value=this.value"/>

                    </td>

                    <td  align="left">
                        <input id="inputimg1" type="image" value="for" width="89px" height="31px" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="start" value="<?php  echo $example; ?>" />
                    </td>
                </form>

我的“表单”（第一个ui-block-a不起作用，block-b是（因为它的type =“image”）

    <form method="post" action="example.php" target="_self" >
                    <div class ="ui-grid-a">


                    <div class="ui-block-a">

                        <div class="ui-bar ui-bar-c" style="height:55px" align="center" >
                        <input type="submit" id="t" value="back" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="select" value="" />
                        <input type="hidden" name="example" value="<?php  echo $example; ?>" />


                        </div> 
                    </div>


                    <div class="ui-block-b">

                    <div class="ui-bar ui-bar-c" style="height:55px" align="center" >

                        <input type="image" value="for" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="start" value="<?php  echo $example2; ?>" />

                </div>  </div>  </div>
        </form>

值“for”和“back”没问题。他们正在研究类型“图像” - 按钮。但是为什么我不做任何事情，如果我只是将“图像”类型改为“提交”/“按钮”??

提前谢谢你，最好的问候

Answer 1

我花了一些时间来执行ui-block-a中的代码，发现它确实将名为“select”的隐藏输入设置为该提交按钮的值（“后退”）。我不明白你看到了什么问题，但代码完全正常。

关于样式方法，最好将JavaScript和HTML分开，并使用事件侦听器来触发函数。您的代码将更易于调试和维护。 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

如果我改变类型，jquery移动表单提交按钮将不起作用

1 个答案: