1

我研究了许多类似的问题和解决方案，但没有一个解决了这个问题。此表单适用于 Firefox，但不适用于 Chrome。我想了解 Firefox 在做什么而 Chrome 不是，并修复此页面，使其适用于所有浏览器。

一旦将表单放置在 JQuery UI 选项卡中但仅在 Chrome 中，该表单似乎变得无法使用。 

<form method="post" action="/data-page/" id="enter_exercise" >      
  <div id="tabs_ajax">
    <ul>
      <li><a href="#tabs-1">General Info</a></li>
      <li><a href="#tabs-2">Heart Rate</a></li>
      <li><a href="#tabs-3">Exercise</a></li>
    </ul>
    <div id="tabs-1" style="padding:0;" >
      Workout Title:<input type='text' name='title' value="" />
    </div>  <!-- END tab-1 -->
    <div id="tabs-2" style="padding:0;" >
      Average Heart Rate:<input type='text' name='avgHR' value="" />
    </div>  <!-- END tab-2 -->
    <div id="tabs-3" style="padding:0;" >
      Run Miles:<input type='text' name='miles' value="" />
    </div>  <!-- END tab-3 -->
  </div>
</form>

javascript（发布在页面底部）

<script>
  $j = jQuery.noConflict();
  $j(document).ready(function(){        
    $j( "#tabs_ajax" ).tabs({
    });
  });
</script>

此页面用于在 wordpress 博客上输入练习，并以花式框弹出窗口的形式启动。我include("../../../wp-load.php");用来允许此弹出窗口访问 wordpress 功能。我也使用wp_enqueue_scripts("jquery");和wp_enqueue_script('jquery-ui-tabs');

如果我在此弹出窗口上创建一个普通表单，它可以工作，但是当我将表单放在<div id="tabs_ajax">内容中时，它不允许我在 Chrome 中输入表单数据。它适用于 Firefox，但 Chrome 无响应，包括提交按钮。

4

0 回答 0