小编che*_*het的帖子

我想捕获用户在type="text"填写表单时按下输入的事件.这是在整个网络上完成的,但我的答案却没有.

这是我到目前为止:

在html文件中,我有一个像这样的文本输入:

<input type="text" size=50 class="newlink">

在Javascript文件中,我试图捕获用户按Enter以有效地提交表单.然后我从输入中获取文本并将其存储在数据库中:

  Template.newLink.events = {
    'submit input.newLink': function () {
      var url = template.find(".newLink").value;
      // add to database
    }
  };

我正在使用twitter bootstrap构建我的第一个Web应用程序,我很喜欢它,但我遇到了重复自己的问题.

我正在构建一个导航栏,我希望UI根据网址反映哪个选项卡处于活动状态.我正在使用骨干来路由网址.唯一的问题是我必须手动将一堆不同的变量编码为"活动"或""基于url,以便选项卡将反映适当的状态.

<template name="navbar">

<div class="container">
    <div class="row">
    <div class="span6">
    <ul class="nav nav-tabs">
        <li class="{{home}}">
            <a href="/home/">Home</a></li>

        <li class="{{1999s10}}{{1965malibu}}{{1960hearse}}{{1966gto}}{{1971blazer}} dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown">Cars<b class="caret"></b></a>

            <ul class="dropdown-menu">
                <li class="{{1999s10}}"><a href="/cars/1999s10">1999 Electric S-10</a></li>
                <li class="{{1965malibu}}"><a href="/cars/1965malibu">1965 Malibu</a></li>
                <li class="{{1960hearse}}"><a href="/cars/1960hearse">1960 Hearse</a></li>
                <li class="{{1966gto}}"><a href="/cars/1966gto">1966 GTO</a></li>
                <li class="{{1971blazer}}"><a href="/cars/1971blazer">1971 Bazer</a></li>
                <!-- <li class="divider"></li> -->
            </ul>
        </li>  
    </div>
    </div>
</div>

正如您所看到的,现在,我有一堆变量用于指示哪些选项卡处于活动状态.我已经开始实现以下代码,但它非常优雅,我已经停止并希望使用更好的方法.

Template.navbar.home = function () {
    return Session.equals("active", "home") ? "active" : '';
};

// a bunch more of these for every route …