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”<div> 具有该字符串，因为它是 id 值，而不是类，因此您需要：

 $('#toHide')

选择器“.toHide”在类中查找带有“toHide”的元素，因此根本找不到您的<div>。

要查找表单，您可以使用

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

Answer 2

我认为你应该试试这个：

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

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

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

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

Answer 3

在您的 HTML 中没有名为“safeForm15”的 id，这是您的 setTimeout 试图选择的。事实上，表单有命名空间的 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，然后将其设置为可见，则动画不起作用。

最好的办法就是使用像 <img src='' /> 这样的空图像标签，然后当您希望它可见时，将 src 设置为正确的路径，即 <img src='AnimatingImg.gif' />。

如果你这样做，它应该可以工作。

编辑

你可以这样做：

<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>