У меня есть динамический контейнер, который обновляется при нажатии ссылок путем загрузки в имени файла из атрибута «data-target». Я не хочу, чтобы одна и та же ссылка дважды была нажата (эффективно дважды загружалась одна и та же страница).Не загружайте один и тот же загрузочный файл JQuery дважды
Есть ли способ предотвратить это?
JQuery:
$(document).ready(function(){
// Set trigger and container variables
var trigger = $('#nav ul li a'),
container = $('#ajaxContainer');
// Fire on click
trigger.on('click', function(){
// Set $this for re-use. Set target from data attribute
var $this = $(this),
target = $this.data('target');
// Load target page into container
container.load(target);
console.log(target);
// Stop normal link behavior
return false;
});
});
HTML:
<DOCTYPE html>
<html>
<head>
<title>My Site</title>
<link rel="stylesheet" type="text/css" href="/css/main.css" />
</head>
<body>
<nav id="nav">
<ul>
<li><a href="#" data-target="/home.php">Home</a></li>
<li><a href="#" data-target="/modules/Movies/index.php">Movies</a></li>
</ul>
</nav>
<div id="ajaxContainer">
<img id="logo" src="/images/logo.png" />
<?php include('home.php'); ?>
</div>
<script src="/js/jquery-1.12.4.min.js"></script>
<script src="/js/app.js"></script>
</body>
</html>
Каких файла вы загружаете? Это js, который должен быть загружен на страницу? – Roysh
Загружается в файлы PHP, используя атрибут «data-target». – Madness