как отобразить 'загрузку', прежде чем содержание от вкладок jQuery будет загружено
Вы можете использовать библиотеку ядра jstl
1) Импортировать вкладку поверх файла JSP
<%@ taglib prefi x=”c” uri=”http://java.sun.com/jsp/jstl/core” %>
2) Использовать тег
<c:catch var="myExceptionObject">
Code that might throw Exception
<c:catch/>
<c:if test="${myExceptionObject} != null">
There was an exception: ${myExceptionObject.message}
<c:if/>
5 ответов
Я бы порекомендовал прислушаться к событиям jquery ajaxStart, ajaxStop и ajaxError, показывающим ваше всплывающее окно "загрузки" на ajaxStart, скрывая его на AjaxStop и ajaxError. Таким образом, всплывающее окно загрузки будет отображаться всякий раз, когда ожидает запрос ajax без какого-либо дополнительного программирования.
Например:
$(function() {
$(this).ajaxStart(function() {
$("#ajaxLoading").show(); });
$(this).ajaxStop(function() {
$("#ajaxLoading").hide(); });
});
Недавно написал плагин jquery , который может оказаться полезным. Он помещает маску с прядильщиком поверх элемента, поэтому для ваших вызовов ajax вы можете отображать маску перед вашими вызовами и демаскировать ее, например, в функции обратного вызова.
jquery blockui идеально подходит для этого. Очень быстрое и элегантное решение.
blockUI отличный, но я бы сделал ставку http://plugins.jquery.com/project/loading лучше подходит для этой ситуации.
Вы можете перейти через < head > childNodes, найти < script > тэгов, получить URL-адрес указанного сценария и вычислить URL-адрес изображения.
Мне нужно было добавить дополнительную зависимость Maven:
<dependency>
<groupId>org.springframework.security</groupId>
<artifactId>spring-security-config</artifactId>
<version>3.0.1.RELEASE</version>
</dependency>
Нет необходимости делать дополнительные вещи, просто добавьте span тэгов внутри якоря. я думаю, что это пропущено в документации jQuery.
пример:
<script type="text/javascript">
$(function(){
$("#tabs").tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="/failedPrescreenReport.jsp"><span>Tab 1</span></a></li>
<li><a href="/failedverificationreport.jsp"><span>Tab 2</span></a></li>
<li><a href="VerificationReport.action"><span>Tab 3</span></a></li>
</ul>
</div>
span тэгов являются важной частью.