Question

我需要知道在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.

Answer 1

有关Template.menu.events（）的选项示例，请参阅meteor event maps documentation。您的点击功能可以这样写：

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

如果您需要使用jquery添加事件，则更好的位置在模板渲染功能中。像这样：

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

在Meteor中使用Jquery的按钮事件问题？

1 个答案: