Question

点击菜单链接后，我想让我的文字淡入淡出。因此，当我点击“home”时，我想淡出该文本，但它确实不起作用。我的代码怎么了？

jQuery(function ($) {
$('a#homeactiv').click(function(){
  $(this).find('p#paragraph').fadeIn(slow);
});
{
});

这是我的html，css，jquery的一部分：http://jsfiddle.net/35qwb/2/

Answer 1

许多事情，包括但不限于：

使用元素添加ID选择器。始终只做：$('#foo') NOT $('a#foo')。
拼写错误（额外{）。
由于某种原因，额外的美元符号。
不在'slow'附近加上引号。

这应该有效：

jQuery(function() {
    $('#homeactiv').click(function(){
        $('#paragraph').fadeIn('slow'); 
    });
});

基本上你需要在让人们修改代码之前学习jQuery。您应该首先阅读lots of beginner tutorials。

Answer 2

摆脱查找，这不是jQuery应该如何运行。此外，除非你有一个名为slow的变量，否则不要慢速传递给函数，它应该是一个字符串或一个数字。

$("#paragraph").fadeIn("slow");

如果您只是$("#paragraph").fadeIn(slow)，jQuery将查找名为slow的变量并将其传递给fadeIn方法。由于没有名为slow的变量，它将传递0，这意味着该方法应该在0毫秒内运行，并立即显示。

Answer 3

我相信您的代码中存在语法错误，请尝试

$(document).ready(function() {
    $('a#homeactiv').click(function() {
        $('#paragraph').fadeIn('slow');
    });
});

此外，$(this).find('p#paragraph')只会找到p#paragraph的后代a#homeactiv。切换到简单查询 - $('#paragraph')

Answer 4

试试这个：

id是唯一的，不需要再设置她了。

$('#homeactiv').click(function(){ 
    $("#paragraph").fadeIn('slow'); 
});

Answer 5

你的代码中有很多错误（正如其他答案所指出的那样）。下面的代码说明了实现目标的正确方法。

<强> HTML

<p id="paragraph">
    This is example text <br />
    This is example text <br />
    This is example text <br />
    This is example text <br />
</p>

<button id="homeactiv">Click Me</button>

的JavaScript

jQuery(function($) {
    $('#homeactiv').click(function() {
        $('#paragraph').fadeIn("slow");
    });
});

这是a working fiddle。

jQuery fadeIn段落

5 个答案: