Question

以下是我的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>

由于我的设计，我正在调用脚本文件。我无法在头部调用它。

问题是当我点击上面对应＃（up，down，fav）的链接时。它需要我索引文件。我在警告框中测试Hello。但它没有用。

我缺少任何建议。

Answer 1

$("#")不是有效的选择器。如果你想捕获锚点上的点击，它应该是$('a');

Answer 2

为了获得所有锚标记，您应该使用$（＆＃34; a＆＃34;）而不是$（＆＃34;＃＆＃34;）。使用$（＆＃34;＃abc＆＃34;）来获取id为abc的标签。使用$（＆＃34; .def＆＃34;）以获取带有类def。

的标签

Answer 3

#中的$("#")表示id，$("#myElement")。就像你的元素的id是“myElement”一样，你会写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>

jQuery(document).ready(function() {
    jQuery('#header-nav').hide().before('<a href="#" id="toggle-header-nav"    class="skip-link skip-nav">MENU</a>');

    jQuery('a#toggle-header-nav').click(function() {
        jQuery('#header-nav').slideToggle(500);
        return false;
    });
    jQuery('.skip-link.skip-nav').click(function(){
        jQuery(this).toggleClass('open');
    });
});

Answer 4

在选择器上使用attr name并直接调用你想要的函数... $（'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!");
});

绑定click事件以锚定我页面上的标签

4 个答案: