Question

嗨，大家好我有一个小问题，

我在设置图标上有一个点击事件，但设置图标在链接内，所以当我点击图标时，点击事件被调用但我看不到任何东西，因为我被重定向到下一页所以我需要一个方法单击图标而不触发链接

<template name="startseite">
    <div id="viewport">
        {{#each gebiet}}
        <div id="viewmode">
    this is the link--> <a id="link" href="/straßen/{{this._id}}">
                <div id="gebietsCard">
                    <ul id="gebieteListe">
      and here the icon -->  <li id="settings"><i id="setting" class="material-icons md-24 md-light">settings</i></li>
                        <li id="überschrift">{{Gebietsname}}</li>
                        <li>{{Gebietsnummer}}</li>
                        <li>{{Ort}}</li>
                    </ul>
                </div>
            </a>
        </div>
        <div id="editmode">
            <div id="gebietsCardEdit">
                test
            </div>
        </div>
        {{/each}}
    </div>
</template>

我的js：

    Template.startseite.events({
          'click #settings': function(){
              console.log("geklickt")
            $("#editmode").css('display', 'inline');
            $("#viewmode").css('display', 'none');
    }    
});

我希望你能帮助我，谢谢伙计们;）

Answer 1

这可以通过以下方式轻松完成：

Template.startseite.events({
  'click #settings': function(e){
    e.stopPropagation();
    e.preventDefault(); // I am not sure if this is needed, try it yourself and remove if it is no use

    $("#editmode").css('display', 'inline');
    $("#viewmode").css('display', 'none');
  }
}

您可以在此处找到有关这两个功能的更多信息：

中止Meteor.js中的链接重定向

1 个答案: