Ajax не работает функция (preventDefault)

@TheMoren · Регистрация: 09.03.2014

Author24 — интернет-сервис помощи студентам

На моем сайте не работает функция "preventDefault()" (localhost) XAMPP.
На другом сайте есть пример этого кода и там всё отлично работает.

JavaScript    
        
    Скопировано
1
2
3
4
$("#customLink").click(function(event) {
 event.preventDefault();
alert("Мы не перешли по ссылке, а вывели своё сообщение!");
});

HTML5    
        
    Скопировано
1
<a id="customLink" href="http://google.com">При клике по этой ссылке ты не сможешь перейти на Google</a>

jQuery подключил !

HTML5    
        
    Скопировано
1
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

@Lazy_Den · 10.03.2014, 19:06

1. Ваш код должен быть после подключенной библиотеки
2. Ваш код, если он не в самом низу страницы, то должен быть обёрнут в конструкцию DOM-Ready

JavaScript    
        
    Скопировано
1
2
3
$(function(){
    // тут ваш код
});

3. Не забываем пользоваться консолью

@TheMoren · 10.03.2014, 19:10 **[ТС]**

Проблему решил так !

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
$(document).ready(function(){
$("a#customLink").click(function(event) {
alert("Мы не перешли по ссылке, а вывели своё сообщение!");
return false;
});
});

@Lazy_Den · 10.03.2014, 20:11

Сообщение от TheMoren

Проблему решил так !

Это хорошо. Но на будущее, записи ниже идентичны:

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
// это, как написали вы
$(document).ready(function(){
 
});
// и эта, что я показывал выше
$(function(){
 
});

@TheMoren · 10.03.2014, 20:38 **[ТС]**

Спасибо за помощь !

@Padimanskas · 10.03.2014, 21:15

Добавлю, что возврат return false; идентичен записи:

JavaScript    
        
    Скопировано
1
2
event.preventDefault();
event.stopPropagation();

в обработчике события.

@TheMoren · 10.03.2014, 21:31 **[ТС]**

Это я знаю !
Но все равно спасибо.

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи будет применено как метод обработки данных из double buffering. Формулы от LM конечно с ошибками. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@TheMoren 4 / 4 / 0 Регистрация: 09.03.2014 Сообщений: 20
	10.03.2014, 20:38 [ТС]
	Спасибо за помощь ! 0

@TheMoren 4 / 4 / 0 Регистрация: 09.03.2014 Сообщений: 20
	10.03.2014, 21:31 [ТС]
	Это я знаю ! Но все равно спасибо. 0