Question

我在标签中有一些jQuery UI按钮

<div class="comprarnow">
  <a href="http://buy-it.com.ar/product_info.php?manufacturers_id=&amp;products_id=2&amp;osCsid=f4ef2fde10273a05bab1076209809e80">
    <span class="jqueryui">
      <button id="tdb1" type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false">
      <span class="ui-button-icon-primary ui-icon ui-icon-cart"></span>
      <span class="ui-button-text"> COMPRAR AHORA </span>
      </button>
    </span>
   <script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-cart"}}).parent().removeClass("tdbLink");</script></a></div>

按钮在IE以外的所有浏览器中都能正常工作。该按钮位于一个简单的标签内，该标签具有其href值，所以我对于为什么如果我点击它，没有发生，甚至在javascript错误控制台中没有任何内容一无所知......

有谁知道为什么会发生这种情况？

非常感谢

Answer 1

这是您实际放在页面上的标记，还是您在运行页面后看到的生成标记？你不应该使用所有class =“ui- *”的东西;这应该是为你生成的。在一个锚点内放置一个按钮（以及一个脚本标记，我只是注意到你把</a></div>放在这个代码示例的最后）也是很奇怪的 - jQuery UI是为了你实例化按钮在锚点或按钮或具有相同视觉效果的输入元素上......为什么不这样做？

<a id="tdb1" href="http://buy-it.com.ar/product_info.php?manufacturers_id=&amp;products_id=2&amp;osCsid=f4ef2fde10273a05bab1076209809e80">COMPRAR AHORA</a>

<script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-cart"}})</script>

Answer 2

确保您导入必要的jquery文件
变化：
$（ “＃TDB1”）按钮（图标{：{初级： “UI-图标推车”}}）母体（）removeClass（ “tdbLink”）;
。到
$（function（）{
$（ “＃TDB1”）按钮（图标{：{初级： “UI-图标推车”}}）母体（）removeClass（ “tdbLink”）;
。 }）;

jQuery UI按钮在IE中不起作用

2 个答案: