jQuery 淡入段落

Question

我想让我的文本在单击菜单链接时淡入。因此，当我单击“主页”时，我想淡入该文本，但它不起作用。我的代码有什么问题吗？

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

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

Answer 1

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

• 在 ID 选择器前面添加一个元素。始终只执行：$('#foo') 而不是$('a#foo')。
• 拼写错误（额外的 {）。
• 由于某种原因额外的美元符号。
• 不要在 'slow' 两边加引号。

这应该可行：

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

基本上你需要先学习 jQuery，然后再要求人们修复你的代码。您应该首先阅读许多初学者教程。

Answer 2

摆脱 find，这不是 jQuery 应该如何运行的。此外，不要将 Slow 传递给函数，除非您有一个名为 Slow 的变量，它应该是字符串或数字。

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

如果您只是执行 $("#paragraph").fadeIn(slow) ，jQuery 将查找名为 slow 的变量并将其传递给 fad​​eIn 方法。由于没有名为 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是unic，不需要再设置它们了。

$('#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");
    });
});

这是一个工作小提琴。