jQuery事件的流星执行答案

【问题标题】：Meteor execution of jQuery eventsjQuery事件的流星执行
【发布时间】：2014-09-15 11:56:07
【问题描述】：

我正在尝试了解如何在流星中正确执行 jQuery 代码。我有一些非常简单的例子都失败了。这是我的看法：

    <template name="fixedSidebar">
        <div data-spy="affix" class="bs-docs-sidebar col-md-2 sidebar">
          <ul class="nav bs-docs-sidenav navbar-li menuList">
            <li>
              <a href="#alerts" id="testID">Alerts</a>
            </li>
            <li>
              <a href="#contacts">Contacts</a>
            </li>
            <li>
              <a href="#chats">Chats</a>
            </li>
            <li>
              <a href="#projects">Projects</a>
            </li>
          </ul>
          <div id="target">
              Click here
          </div>
        </div>
    </template>

这里是 JQuery：

    if (Meteor.is_client) {
        Template.fixedSidebar.rendered = function(){
            $(".menuList").click(function(){
                alert("Content has been clicked");
            });

            $("#testID").click(function(){
                alert("Alerts has been clicked");
            });

            $( "#target" ).click(function() {
              alert( "Handler for .click() called." );
            });
        };
    }

这些点击事件都不会触发警报。我也要看看流星事件，但我想知道为什么我的 JQuery 没有运行。我已经确认 js 文件正在被流星加载。

【问题讨论】：

当你这样做时会发生什么：$("template").ready(function(e){ ... your click functions });
Meteor.is_client 是旧的，应该是 Meteor.isClient。这能解决你的问题吗？
你知道了，如果你想把它作为答案，我会选择它。
另外，您可能希望使用this.$ 而不是$ 将您的搜索范围仅限于给定模板

标签： javascript jquery html meteor

【解决方案1】：

可能是实现 Meteor.isClient 和 Meteor.isServer 的最简单方法，并且在我的书中绝对最佳实践是在根目录 Client 和 Server 中创建两个文件夹。然后客户端的所有内容都放置在客户端文件夹中，服务器端的所有内容都放置在服务器文件夹中。如果这样做，您不必使用 Meteor.isClient 或 Meteor.isServer。

此外，您可以创建一个名为 shared 的文件夹，并将客户端和服务器都使用的代码放在其中。

【讨论】：