2013-11-29 64 views
-3

當我點擊導航(家等),它的工作完美,但只有2或3次。當我再次點擊他導航圖像我停止加載(不顯示)。 感謝您的回答。阿賈克斯工作只有幾次

JS

$(document).ready(function(){ 
    $(document).ajaxStart(function(){ 
     $("#loading").show(); 
    }); 
    $(document).ajaxComplete(function(){ 
     $("#loading").fadeOut(); 
    }); 
    $("ul li a").click(function(e){ 
     e.preventDefault(); 
     abc=$(this).attr("href"); 
     $(".right-content").load(abc); 
    }); //`enter code here` 
}); 

HTML

<div id="nav"> 

    <ul> 
     <li><a href="abc.php">Home</a></li> 
     <li><a href="abc.php">About Us</a></li> 
     <li><a href="form.php">Add Page</a></li> 
     <li><a href="abc.php">Contact-Us</a></li> 
     <li><a href="new_index.php">Login</a></li> 
     <li><a href="signup.php">Sign-Up</a></li> 
     <li><a id="log" href="logout.php"> 
    </ul> 
</div> 

IMG

<div id="loading" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;"> 
<img src='loading.gif' width="64" height="64" /><br>Loading..</div> 
+0

先生您好,我面臨的問題,我點擊UL裏的href是在發生div.but 2至3點擊ajax wouldnot工作:( –

回答

0

您沒有在標識正確關閉您的標籤呃主播。這可能會造成問題;

更換

<li><a id="log" href="logout.php"> 

<li><a id="log" href="logout.php">Logout</a></li> 

見工作演示:這種code.when http://jsfiddle.net/bLUZM/

+0

感謝您的answer.you是正確的,但現在的問題是,當我再次點擊導航item.its不working.image s 2次3次點擊後頂部加載。 –

+0

你沒看過演示嗎? –

+0

你爲什麼e.preventDefault();?刪除並觀察影響。 –