Слияние кода завершено, страница обновится автоматически
wrouter — это самый чистый s-маршрутизатор регистрации/парсинга, который организует различные пути URL через запись истории или «#» без перезагрузки страницы и выполняет различные методы обратного вызова по URL. При использовании записи history для выполнения wrouter можно сочетать с серверной частью, что способствует SEO и улучшает опыт пользователя.
Для работы этого фреймворка требуется версия jQuery 1.10 и выше, а также совместимость с браузерами IE8 и выше, а также другими основными браузерами. В случае неподдерживаемых браузеров автоматически происходит переход по URL.
<script type="text/javascript" src="js/jquery-1.12.2.min.js"></script>
<script type="text/javascript" src="js/wrouter-0.12.min.js"></script>
Этот фреймворк требует подключения библиотеки jQuery.
<script type="text/javascript">
var router = wrouter({
html5history: false,
onprogress: function(e) {
$(router.progress).css("width", 0).show().animate({"width": e.loaded / e.total * 100 + "%"}, function() {
if (e.loaded === e.total) $(router.progress).fadeOut(500);
});
},
root: "/",
routers: [{
title: "aaaa",
rule: "\\w+.html",
container: "#container",
progress: "#progress",
action: function(result) {
var $result = $(result);
var $container = $("#container", $result);
if ($container && $container.length > 0)
return $container.html();
return result;
}
}]
});
</script>
```wrouter принимает в качестве параметров объект:
#### Объектные свойства:
- `html5history`: логическое значение, которое может быть опущено; если этот параметр не указан, система сама определяет поддерживает ли браузер pushstate, если нет, то используется обработка маршрутов через «#».
- `onprogress`: обработчик прогресса запроса маршрута, такой как отображение полосы прогресса. Пример показывает эффект полосы прогресса.
- `root`: корневой путь текущего маршрутизатора.
- `routers`: конфигурация правил маршрутизации (массив объектов).
##### Элементы массива `routers` имеют следующие свойства:
- `title`: заголовок документа, используемый для изменения заголовка браузера.
- `rule`: правило маршрутизации (строка или строка с регулярным выражением или объект регулярного выражения).
- `container`: контейнер содержимого после запроса маршрута.
```markdown
action: обратный вызов метода после запроса маршрута
progress: эффект прогресс-бара
Конфигурация выполнена успешно, нажмите на тег a страницы, чтобы увидеть эффект.
action: обратный вызов метода после запроса маршрута
progress: эффект прогресс-бара
Конфигурация выполнена успешно, нажмите на тег a страницы, чтобы увидеть эффект.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )