Question

我在html中声明了一个iFrame，源代码是我的XQuery文件。在我的XQuery中，我定义了一个<div>，在其中我还声明了一个名为“convert”的按钮。

我的XQuery文件基本上看起来像这样（这是iFrame的源代码）

return
<div id="content">
 <table>
  ....
  <tbody>
  {
  ...
   <td>
    <a id="{$t/@id}"
       rel="nofollow"
       target="_new"
       name="{util:document-name($t)}:{util:node-id($t)}"
       href=
        "http://localhost:8080/exist/rest/db/motorola/xquery/toDita.xql?xml={
            util:document-name($t)
         }&amp;xsl=mot2dita.xsl">
        <input type="submit" value="convert"/>
    </a>
   </td>
   ...
  }
  </tbody>
 </table>
</div>

正如你所看到的，在td中，我声明了一个名为“convert”的按钮，而“href”给出了链接。现在这个按钮在Firefox和Chrome中完美运行（打开一个新窗口来完成任务），但是在IE中，点击后它就没有做任何事情。

我想知道这是浏览器问题还是我的XQuery脚本存在问题。在此先感谢您的帮助。

Answer 1

<input>标记在<a>标记内无效。因此，XHTML代码无效，这将解释不一致的行为 - 某些浏览器在补偿此类奇怪案例方面比其他浏览器更好。

建议您完全删除<input>并使用CSS将<a>标记设置为按钮，如果它只是您所追踪的按钮外观。

Answer 2

除非你在表格中，否则它不会提交任何内容......绝对不是A标签。

我更喜欢使用Jquery UI的按钮功能。它获得了您正在寻找的所需行为，逐步增强和测试以处理全部浏览器，并且可以使用href链接，按钮元素或输入type = submit元素。另外，造型看起来很棒并且是即时的。

这是一个快速的啧啧：http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

提交按钮在IE中不起作用

2 个答案: