javascript - Jquery 语法和变量

Question

我正在尝试在单击链接后制作 FadeOut 效果。但我的语法似乎是错误的。当我单击时，它会淡出并转到 "~~nothing~~.html" 页面，它只是没有获取组成变量的值。id boo 附加到 标记 (body id="boo") 并且在 css 样式表中 id #boo 设置为 < strong>显示:无；我正在使用 jquery-1.7.2.min

<script type="text/javascript">
    $(document).ready(function(){
        $('#go').click(function(e) { //When something with the id 'go' is clicked, 
            e.preventDefault(); //Prevent default action (?)
            var url = $('#go').val() + ".html"; //set url as "Clicked 'go' value + .html" (374.html"
            $('#boo').fadeOut(600, function() { window.location.href = url; }); //fadeOut what is with the 'boo' id (body), and load the created address as a new page (?)
        });
    });
</script>
<a id="go" value="374" href="#">Go to page 374</a>

374.html 页面在同一文件夹中。如果可能，请解释我做错了什么，并逐步解决。我是 jquery 的新手。

谢谢!

Answer 1

.val()方法仅适用于字段，只需放置一个 value val() 将不读取任何元素上的属性方法。

改为使用 .attr('value') .

或者，更好的做法是使用 data-*属性并使用 data()方法:

<script type="text/javascript">
    $(document).ready(function(){
        $('#go').click(function(e) { //When something with the id 'go' is clicked, 
            e.preventDefault(); //Prevent default action (?)
            var url = $('#go').data('value') + ".html"; //set url as "Clicked 'go' value + .html" (374.html"
            $('#boo').fadeOut(600, function() { window.location.href = url; }); //fadeOut what is with the 'boo' id (body), and load the created address as a new page (?)
        });
    });
</script>
<a id="go" data-value="374" href="#">Go to page 374</a>