2017-04-11 37 views
0

嗨,我想我的JSP頁面中打開一個div,所以我在做什麼是傳遞一個ID,網址,該網址確實在我的控制器一些後臺工作,並預期檢索數據,這一切正常。我想要做的只是在數據加載完成後才顯示div。當我當用戶選擇一個選項,我要加載的網址,打開div和保持開放加載網頁沒有選擇選項所以沒有數據被檢索,我試圖加載,並指出似乎是工作,因爲我喜歡。這裏是我所知道的地方。試圖通過選擇價值網址後打開股利。 (重裝後關閉)

$("#vehicleSelected").on('change',function() { 
 
\t \t \t \t var x = document.getElementById("vehicleInfo"); 
 
\t \t \t \t if (x.style.display === 'none'){ 
 
\t \t \t \t \t x.style.display ='block'; 
 
\t \t \t \t \t console.log("made it" + x); 
 
\t \t \t \t }else{ 
 
\t \t \t \t \t x.style.display='none'; 
 
\t \t \t \t \t console.log("made it not" + x); 
 

 
\t \t \t \t } 
 

 
\t \t \t \t \t 
 

 
\t \t \t });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container-fluid"> 
 
\t \t Welcome: <strong><c:out value="${username}"></c:out></strong> <select 
 
\t \t \t data-toggle="dropdown" id="vehicleSelected" 
 
\t \t \t onchange=" window.location.href='${pageContext.request.contextPath }/driver/'+this.value "> 
 
\t \t \t <option>Select Vehicle</option> 
 
\t \t \t <c:forEach var="vehicles" items="${vehicles }"> 
 
\t \t \t \t <option value="${vehicles.id }"> 
 
\t \t \t \t \t <c:out value="${vehicles.vehicle_name }"></c:out></option> 
 

 
\t \t \t </c:forEach> 
 
\t \t </select> 
 
\t \t <div class="panel panel-info "> 
 

 
\t \t \t <div class="panel-heading text-center"> 
 

 
\t \t \t \t <h4>Driver Vehicle Inspection Form</h4> 
 

 
\t \t \t \t <div id="vehicleInfo" style="display:none;"> 
 
\t \t \t \t \t <span>Vehicle:<strong><c:out 
 
\t \t \t \t \t \t \t \t value="${vehicleById.make }"></c:out>, <c:out 
 
\t \t \t \t \t \t \t \t value="${vehicleById.model }"></c:out></strong> 
 
\t \t \t \t \t </span><br> <span>VIN:<strong><c:out 
 
\t \t \t \t \t \t \t \t value="${vehicleById.chassis_number }"></c:out></strong></span><br> <span> 
 
\t \t \t \t \t \t Registration:<strong><c:out value="${vehicleById.plate }"></c:out></strong> 
 
\t \t \t \t \t </span> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
     </div> 
 
     </div>

我也試圖把所有這一切到方法,並利用返回false;仍然沒有工作,任何想法我可以做下一個

回答

0

所以尋找高和低的解決方案後,我不得不採取略有不同的路線和查詢的網址爲ID,如果當前顯示的股利,這是不是我想要的東西,但工作,而我張貼這對任何可能絆倒的問題,找到這個方法有用。下面是爲了解而工作的解決方案。

$(document).ready(function() { 

    var url = window.location.href; 

    var urlEnd = url.substr(url.lastIndexOf('/') + 1); 

    if (urlEnd !== "") { 
     $("#vehicleInfo").show(); 

    } 

});