jQuery淡入淡入

我想让我的文字在菜单链接上点击时淡入。所以当我点击“家”时，我想淡入文中，但它不起作用。我的代码有什么问题？jQuery淡入淡入

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

这里是我的HTML，CSS，jQuery的一部分：http://jsfiddle.net/35qwb/2/

来源

2011-10-24 Maarten Post

你应该更具体。 p＃段在哪里？它是在菜单内还是它的页面内容？在单击＃homeactiv之前加载它，还是加载并淡入之后加载？ – noinstance

我建议你展示你的相关HTML。这个问题可能不在你的javascript中。 – Peanut

@Peanut，这个问题肯定是** JavaScript。 –

摆脱发现的，这不是jQuery的应该是怎样运行的。此外，除非你有一个名为slow的变量，否则不要传递给函数，它应该是一个字符串或数字。

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

如果你只是做$("#paragraph").fadeIn(slow) jQuery将寻找一个名为slow变量，并传递到淡入方法。由于没有名为slow的变量，它将传递0，表示方法应该在0毫秒内运行，并立即显示。

来源

2011-10-24 14:12:00 Whetstone

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

与作序的元素的ID选择。总是这样做：$('#foo')不是$('a#foo')。
一个错字（额外{）。
出于某种原因，额外的美元符号。
请勿在'slow'附近加引号。

这应该工作：

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

基本上你需要问人来修复您的代码之前学习jQuery。有lots of beginner tutorials你应该先阅读。

来源

2011-10-24 14:12:09

它仍然没有工作，我把一个HTML链接在我的问题，你可以检查是否有什么错在那里？ Thnx –

@MaartenPost它的工作正常，您只需在浏览器将遵循的链接（到.html页面）上使用HREF属性。我加了一条线来阻止它这样做。 http://jsfiddle.net/35qwb/3/ –

我相信你已经在你的代码的语法错误，请尝试

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

此外，$(this).find('p#paragraph')将只找到p#paragraph那就是a#homeactiv后裔。切换到一个简单的查询 - $('#paragraph')

来源

2011-10-24 14:12:28 Lapple

试试这个：

ID是新闻中心，不啃老族设置任何更多的人她。

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

来源

2011-10-24 14:13:06

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

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。

来源

2011-10-24 14:14:46

jQuery淡入淡入

回答

相关问题