jquery 不继续到下一页

Question

我有jquery，但它不会进入下一页，它总是显示图像并等待，从不进入下一页。

HTML 代码：

<div id="toHide" class="pb-text-align-center">
    <img style="display: inline" src="img/load.gif" />
    <form wicket:id="safeForm" class="clearfix">
        <input type="hidden" wicket:id="submitted" value="false" />
    </form>
</div>

HTML 视图源：

<SCRIPT type="text/javascript">  
   var $ = jQuery.noConflict();  
   $('.toHide').show().doTimeout(100,function() { 
   $('.toHide').find('safeForma3').submit();});
</SCRIPT>

检票口代码：

static private class SafeSubmitBehaviour extends AbstractBehavior{
      public void onRendered( Component component ) {
          super.onRendered( component );      
          StringBuffer buffer = new StringBuffer(200);
          buffer.append("<script type=\"text/javascript\" >\n");
          buffer.append("var $ = jQuery.noConflict();\n "); 
          buffer.append(" $('.toHide').show().doTimeout(100,function() {  $('.toHide').find('");
          buffer.append(component.getMarkupId()).append("').submit();});\n</script>");
          component.getResponse().write(buffer);
        }  
  } 
      buffer.append(component.getMarkupId()).append("').submit();});\n</script>");

我尝试过：$('.toHide').find('form').submit();});。但还是没有用。

将 $('.toHide') 更改为 $('#toHide') 后，页面将转到下一页，但动画在 IE6/7 中没有发生，在 FF 中工作正常。

Answer 1

“toHide”

具有该字符串，因为它是 id 值，而不是它的类，因此您需要：

 $('#toHide')

选择器“.toHide”查找带有“的元素” toHide”作为类的一部分，这样就根本找不到您的

。

要查找表格，您可以使用

 $('#toHide form').submit();

Answer 2

我认为你应该尝试这个：

$('#toHide').find('form').submit();

或者，如果表单上有一个 ID（我不熟悉 Wicket），你可以使用：

$('#safeForm').submit();

ID 选择器使用“#”字符，而不是“.”，这是类选择器前缀。

Answer 3

HTML 中没有名为“safeForm15”的 id，这正是 setTimeout 尝试选择的 ID。事实上，该表单具有 ID 命名空间，我认为这从一开始就是非法的。

无论如何，快速解决方法是取消“toHide”，并删除 component.getMarkupId 位。

$('#toHide').find('form').submit();

---

补充：

您需要将其更改

  buffer.append("  setTimeout(function(){ $(\"#").append(component.getMarkupId()).append("\").submit()}, 100);\n"); 

为：

  buffer.append("  setTimeout(function(){$('#toHide').find('form').submit();}, 100);\n"); 

Answer 4

这是 IE 的问题，如果您有一个不可见的 GIF，然后将其设置为可见，则动画不起作用。

最好的办法就是使用一个空图像标签，例如 ，然后当您希望它可见时将 src 设置为正确的路径即 。

如果你这样做的话应该会起作用。

编辑

你可以这样做：

<SCRIPT type="text/javascript">  
   var $ = jQuery.noConflict();       
   $('#toHide').show();
   $('#loadingImg').attr('src', 'img/load.gif');
   setTimeout(function() {
       $('#toHide').find('safeForma3').submit();
   }, 100);
</SCRIPT>

html代码：

<div id="toHide" class="pb-text-align-center">
    <img id="loadingImg" style="display:inline" src="" />
    <form wicket:id="safeForm" class="clearfix">
        <input type="hidden" wicket:id="submitted" value="false" />
    </form>
</div>

尝试一下，但可能需要一些摆弄。

Answer 5

其他人提到了您的选择器的问题。

但是，此代码也赤裸裸地出现在两个 script 标记之间。这意味着它们一被解析就会被执行。这意味着它们可以在整个 DOM 加载之前执行，从而使它们无效。

你需要使用这样的东西：

<SCRIPT type="text/javascript">  
   var $ = jQuery.noConflict();  
   $(document).ready(function(){
       $('#toHide').show().doTimeout(100,function() { 
           $('#safeForma3').submit();
       });
   });
</SCRIPT>