gpt4 book ai didi

javascript - 在 Meteor 中使用 Jquery 的按钮事件问题?

转载 作者:行者123 更新时间:2023-12-02 17:34:47 24 4
gpt4 key购买 nike

我需要了解如何在 Meteor 中使用 Jquery 框架。我做了一个使用 Jquery 按钮事件的简单示例,但出现了一些错误。我对此错误没有任何想法。所以请参阅下面的代码并建议我什么到?

HTML 代码:

app.html
--------

<head>
<title>app</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
{{> menu}}
</body>

menu.html
---------

<template name="menu">

<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>

</template>

JS 代码:

if (Meteor.isClient) 
{
Template.menu.events
({
$(document).ready(function()
{
$("button").click(function()
{
$("p").hide();
});
});
});
}

错误消息:

Your app is crashing. Here's the latest log.

=> Errors prevented startup:

While building the application:
client/menu.js:5:7: Unexpected token (

=> Your application has errors. Waiting for file change.

最佳答案

参见meteor event maps documentation有关 Template.menu.events() 选项的示例。你的点击函数可以这样写:

Template.menu.events({
'click button': function(){
$("p").hide();
}
});

如果您需要使用 jquery 添加事件,更好的位置是在模板渲染函数中。像这样:

Template.menu.rendered = function(){
$("button").click(function(){
$("p").hide();
});
};

关于javascript - 在 Meteor 中使用 Jquery 的按钮事件问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22714130/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com