流星,JavaScript&;jQuery-.fadeIn函数拒绝工作?
jQuery似乎根本不起作用。 我的标题栏中包含了以下内容:流星,JavaScript&;jQuery-.fadeIn函数拒绝工作?,javascript,jquery,meteor,Javascript,Jquery,Meteor,jQuery似乎根本不起作用。 我的标题栏中包含了以下内容: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 有人知道为什么淡入淡出不起作用吗?它不起作用,因为您在调用jQuery之前返回了回调函数。将您的功能更改为: Template.hello.events({ 'click input.code': function () {
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
有人知道为什么淡入淡出不起作用吗?它不起作用,因为您在调用jQuery之前返回了回调函数。将您的功能更改为:
Template.hello.events({
'click input.code': function () {
Meteor.call('sell');
Template.hello.greeting = "text";
$('#msg').fadeOut('slow');
return greeting;
}
});
看起来您到jQuery的链接并不完整。您缺少“http:”
应该是:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
:
示例:中断函数
函数立即在调用return的点停止
在函数中的.fadeOut调用之前有一个返回。将您的退货放在功能中的所有功能之后:
$('#msg').fadeOut('slow');
return greeting;
另一个答案表明,您还应该确保jQuery被正确引用。在src属性中使用http://而不是//
首先使用以下命令检查jQuery是否在页面上工作:
$(document).ready(function(){
console.log("jQuery works");
//or if console.log doesn't work for you
//alert("jQuery works");
});
您确定设置问候语的功能被点击了吗?使用console.log
和/或警报来确定该功能正在受到攻击。也许在该函数中根本不需要返回,但是变量greeting
似乎没有定义。您返回的是问候语
,而不是模板。您好。问候语
您在标题中声明
.fadeIn
,但在代码中有.fadeOut
。你想干什么?显示或隐藏#msg元素?我对“Template.hello.*”不太熟悉,我假设它一定是meteor代码,但在淡出呼叫之前您有“return greeting;”。那条线没有被击中吗?这是和Meteor有关的代码,是的。但是当我回复问候时,它正在更新我想要淡出的div。如果我按照你的建议去做,它会在任何东西被归还之前消失。它应该是瞬间的。。。淡入度设置为“慢”,所以你会先看到文本。嗯,我试过了。仍然不起作用。消息是否显示出来?“问候语”似乎没有定义,所以我想知道你是否需要归还它?您正在Template.hello.greeting上设置它,这是您需要返回的内容吗?试着先注释返回值。返回值不重要,事实上,它应该先返回文本。{greeting}是显示在div中的文本,我想淡出它。所以这实际上是不正确的。/
只意味着在http
和https
之间自动解决。这是一种常见的做法
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
$('#msg').fadeOut('slow');
return greeting;
$(document).ready(function(){
console.log("jQuery works");
//or if console.log doesn't work for you
//alert("jQuery works");
});