2013-11-29 1 views
-3

내가 탐색 (집 등)을 완벽하게 작동하지만 2 ~ 3 번만 클릭하면 탐색을 다시 클릭하면 이미지가로드되지 않습니다 (표시되지 않음). 귀하의 답변에 대해 감사합니다.Ajax 작업 몇 번만

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` 
}); 

당신은 로고에서 제대로 태그를 폐쇄하지 않은

<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

안녕하세요 선생님, 내가 직면하고 문제를 A의 발생 div.but 2 ~ 3 클릭 후 ajax wouldnot work. :( –

답변

0

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 유엔 앵커. 그것은 문제를 일으킬 수 있습니다;

교체

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

가 작동 데모를 참조하십시오

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

: 내가 HREF는 UL 리튬을 클릭이 code.when와 http://jsfiddle.net/bLUZM/

+0

답장을 보내 주셔서 감사합니다.하지만 지금은 문제가 있습니다. 다시 navigation 항목을 클릭합니다 .its not working.image s 2 회 3 회 클릭 후 상단 로딩. –

+0

데모를 보지 못하셨습니까? –

+0

당신은 왜 e.preventDefault();입니까? 충격을 제거하고 관찰하십시오. –

관련 문제