1. 首頁
  2. 問答
  3. 裝載JSP頁面轉換成格

裝載JSP頁面轉換成格

2013-11-15 67 views
1

我要加載我的jsp頁面在一個div裝載JSP頁面轉換成格

我在我的主要JS裏面有兩個列第一個是菜單第二個是在div

表

我嘗試沒有sucess與thsi代碼：

<script src="/test/extjs/jquery-latest.min.js" type="text/javascript"></script> 
    <script src="/test/extjs/jquery.min.js" type="text/javascript"></script> 

$(function() { 


     $('a').click(function() { 
      $('#divpage').load($(this).attr('href')); 
      return false; 
     }); 
    }); 


<table width="100%" height="100%"> 
    <tr> 
    <td width="10%" height="100%"><div id='cssmenu'> 
    <ul id="idGmenu"> 
     <li style="display: none;><a href="#"><span>Home</span></a></li> 
     <li><a href="#"><span><spring:message code="taifSettingUP"/></span></a> 
      <ul> 
      <li class="current"><a href="/test/citizen.htm"><spring:message code="taifSettingCitizenUP"/></a></li> 
      <li><a href="/test/encodingType.htm"><spring:message code="taifSettingTypeUP"/></a></li> 

      </ul> 
     </li> 

     <li><a href='#'><span><spring:message code="taifCancellationsSuspensions"/></span></a> 
     <ul> 
      <li><a href="/test/cancellSuspension.htm"><spring:message code="taifCancellationsSuspensions"/></a></li>  
      </ul> 
     </li> 
     <li><a href='#'><span><spring:message code="taifConsultingUP"/> </span></a> 
     <ul> 
      <li><a href="/test/consultingOwner.htm"><spring:message code="taifConsultingOwnerUP"/></a></li>  
       <li><a href="/test/consultingDetailsUP.htm"><spring:message code="taifConsultingUPDetails"/></a></li>  
      </ul> 
     </li> 
    </ul> 
    </div></td> 
    <td width="90%" height="100%"> 


     <div id="divpage"></div>  



    </td> 
    </tr> 
    </table>

第一JS jQuery的latest.min.js對於CSS菜單

第二JS jquery.min.js是裝載jsp頁面進入div

來源

2013-11-15 franco

+0

的功能外''

0 
Have you tried returning an error. 

$('#divpage').load($(this).attr('href'), function(response, status, xhr) { 
    if (status == "error") { 
    var msg = "Sorry but there was an error: "; 
    $("#error").html(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 

Also, there is a 
$(document).on("ajaxStop", function(){ 

}); 

this runs when all the ajax on the page is done. alternatively there is an event called ajaxComplete.

來源

2013-11-15 16:34:59

相關問題

 相關問題