將點擊事件綁定到我的頁面上的標記

以下是我的JavaScript文件代碼。 Script.js將點擊事件綁定到我的頁面上的標記

$(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>

由於我的設計，我在調用正文中的腳本文件。我不能在頭部中調用它。

問題是當我點擊上面的鏈接對應於＃（上，下，收）。我需要索引文件。我正在測試警報框中的Hello。但它不起作用。

任何意見，我失蹤。

來源

2015-05-24 Ironic

更改'$（「＃」）。click（'to'$（「a」）。click（'。只是＃不是選擇器。 –

#在$("#")意味着和id應遵循。就像如果你的元素的ID是「myElement」，你會寫$("#myElement")。

但是，既然你不知道的時候你的IDS adead，ID使用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

我有一個疑問。上面的代碼工作正常，但我點擊確定後警報。它重定向到索引文件。 – Ironic

我的不好，我忘了'event.preventDefault（）;'這是因爲元素是一個鏈接和鏈接的默認行爲是導航到'href' url – DelightedD0D

$("#")不是有效的選擇器。如果你想捕獲點擊錨點，它應該是$('a');

來源

2015-05-24 02:59:07 ray

謝謝雷。它工作得很好。 – Ironic

@ 404這會工作，但請記住，在實踐中，您可能希望更直接地定位元素。這是不太可能的，你想頁上的所有錨點 – DelightedD0D

爲了獲得所有的錨標籤，你應該使用$（「a」）而不是$（「＃」）。使用$（「＃abc」）爲了得到一個id爲abc的標籤。使用$（「。def」）以獲得類def的標籤。

來源

2015-05-24 03:02:10

感謝一噸。它像一個魅力。 – Ironic

使用ATTR名在選擇和直接通話發揮你想... $（ 'A'）是很通用

嘗試使用

$("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

將點擊事件綁定到我的頁面上的標記

回答

相關問題