связать событие click для привязки тегов на моей странице

Ниже приведен код моего javascript-файла. Script.jsсвязать событие click для привязки тегов на моей странице

$(document).ready(function(){ 
$("#").click(function(){ 
    alert("Hello!"); 
});

И вот мой код php.

<html> 
    <head> 
Some codes are here 
    </head> 
    <body> 
    Some php codes are here to get value from database 
    <script src="script.js"></script> 
     <span><a href="#" class="vote" id="<?php echo $cid; ?>" name="up"><i class="fa fa-thumbs-up"></i></a> <?php echo $up; ?> </span> 

      <span><a href="#" class="vote" id="<?php echo $cid; ?>" name="down"><i class="fa fa-thumbs-down"></i></a> <?php echo $down; ?> </span> 

     <span><a href="#" class="vote" id="<?php echo $cid; ?>" name="favorite"><i class="fa fa-star-o"></i></a> <?php echo $fav; ?> </span> 
     </body> 
    </html>

Я вызываю файл сценария в теле из-за моего дизайна. Я не могу назвать это в разделе главы.

Проблема возникает, когда я нажимаю на ссылку выше, соответствующую # (вверх, вниз, fav). Мне требуется индексный файл. Я тестирую Hello в поле предупреждения. Но это не работает.

Любой совет, что мне не хватает.

источник

2015-05-24 Ironic

Изменить '$ (" # "). Click (' to '$ (" a "). Click ('. Просто # не является селектором. –

# в $("#") средства и id должны следовать. Например, если ваш идентификатор элемента был «myElement», вы должны написать $("#myElement").

Но, так как вы не знаете, что ваши номера adead времени, идентификатор использовать vote класс у вас уже есть, а не как $(".vote").click....

$(document).ready(function() { 
 
     $(".vote").click(function(event) { 
 
     event.preventDefault(); 
 
     alert("Hello! My id is: " + this.id); 
 
     }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<span><a href="#" class="vote" id="someId1" name="up"><i class="fa fa-thumbs-up"></i>Some sontent</a></span> 
 

 
<span><a href="#" class="vote" id="someId2" name="down"><i class="fa fa-thumbs-down"></i>Some sontent</a> </span> 
 

 
<span><a href="#" class="vote" id="someId3" name="favorite"><i class="fa fa-star-o"></i>Some sontent </a> </span>

источник

2015-05-24 03:04:48 DelightedD0D

Спасибо. У меня появилась идея. В вашем ответе все мои сомнения. – Ironic

У меня есть одно сомнение. . выше код работает нормально, но после того, как я нажму OK, нажмите «Оповещение». Он перенаправляется на индексный файл. – Ironic

Мой плохой, я забыл 'event.preventDefault();', который необходим, потому что элемент является ссылкой, а поведение по умолчанию для ссылки - это перейти к 'href' url – DelightedD0D

$("#") не действительный селектор. Если вы хотите зафиксировать клики на якорях, это должно быть $('a');

источник

2015-05-24 02:59:07 ray

Спасибо, Рэй. Он работает очень хорошо. – Ironic

@ 404 Это будет работать, но имейте в виду, что на практике вы, вероятно, захотите напрямую ориентировать элементы. Маловероятно, что вы хотите ВСЕ крепления на странице – DelightedD0D

Чтобы получить все привязывающие метки, вы должны использовать $ ("a") вместо $ ("#"). Используйте $ ("# abc"), чтобы получить тег с идентификатором abc. Используйте $ (". Def"), чтобы получить теги с классом def.

источник

2015-05-24 03:02:10

Спасибо тонну. Отлично работает. – Ironic

Используйте имя атр на селекторе и позвонить непосредственно функции, которые вы хотите ... $ ('а') является настолько общим

пытаются использовать

$("a[name='up']").on('click',function(){ 
    alert("Clicked up!"); 
}); 

$("a[name='down']").on('click',function(){ 
    alert("Clicked down!"); 
}); 

$("a[name='favorite']").on('click',function(){ 
    alert("Clicked down!"); 
});

источник

2015-05-24 03:12:55

Спасибо за ваш ответ, – Ironic

Ответ DelightedD0D более подробно. Я проголосую. – Ironic

связать событие click для привязки тегов на моей странице

ответ

Смежные вопросы