2011-02-10 44 views
0

嗨我已經設法讓我的表單提交時無需重新加載,使用此插件:http://jquery.malsup.com/form/ 而且還使用常規的.post()方法,但瀏覽器始終滾動到頂部。這是正常的嗎?使用jquery.form.js ajaxSubmit()成功後滾動到頁面頂部。這是正常的嗎?

$(document).ready(function() 

{ 

// Temporary upload demo 
    if ($("#breadcrumbs:contains('AdrianTest')").length) 
    { 

    $('form.ltpo-form').ajaxForm(); 
    $('form.ltpo-form').submit(function(event) { 
    event.preventDefault(); 
    return false; 
    }); 


    $('form.ltpo-form').submit(function() { 
     // submit the form 
     var options = { 
      data: { p_action: 'Save' }, 
      success: function() { 
       alert('Success'); 
     } 
     }; 
     $(this).ajaxSubmit(options); 
     // return false to prevent normal browser submit and page navigation 
    event.preventDefault(); 
     return false; 
    }); 

    } 
     ... 
+0

我認爲這個問題是由另一個腳本引起的:jquery.single-ddm.pack.js(我一次刪除一個以查明)。 所以這讓我問:**爲什麼腳本在頁面提交後再次運行?** – 2011-02-10 03:36:39

回答

1

我有問題,n爲,因爲我用的是ajaxSubmit會和給ajaxForm一個包裹函數內部像你

$('form.ltpo-form').submit(function() { 
+0

我想添加一些東西..在這種插件的情況下..嘗試始終更新它們。檢查主要.js插件的版本,並將其與[link](https://raw.github.com/malsup/form/master/jquery.form.js)中的版本進行比較 – matias 2011-06-07 13:31:41

0

問題正在引起另一個腳本:jquery.single-ddm.pack.js

(function(A){A.fn.singleDropMenu=function(C){var F;var E;var D=A.extend({timer:500,parentMO:null,childMO:null},C||{});this.each(function(){A("li",this).mouseover(function(){B();A("a",this).addClass(D.parentMO).siblings("ul").show()}).mouseout(function(){E=this;F=setTimeout(function(){B()},D.timer)});A("li ul li",this).mouseover(function(){if(D.childMO){A("a",this).addClass(D.childMO)}}).mouseout(function(){if(D.childMO){A("a",this).removeClass(D.childMO)}})});A(document).click(function(){B()});var B=function(){if(E&&F){A("a",E).removeClass(D.parentMO).siblings("ul").hide();clearTimeout(F);E=""}}}})(jQuery); 

我仍然想知道如何從ajaxSubmit會滾動頁面停止此腳本。 ..