2017-06-29 4 views
0

Hallo Leute ich ein kleines Problem haben,Abbruch Link-Umleitung in Meteor.js

i ein Click-Ereignis auf einem Einstellungssymbol, sondern das Symbol Einstellungen in einem Link ist so, wenn ich auf das Symbol das Click-Ereignis wird aufgerufen, aber ich kann nichts sehen, weil ich auf die nächste Seite weitergeleitet zu werden, so dass ich einen Weg, müssen Sie das Symbol klicken, ohne Brennen den Link

<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> 

meinen js:

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

ich hoffe, dass Sie mir helfen können, dank Leute;)

Antwort

1

Diese leicht mit getan werden könnte:

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'); 
    } 
} 

Sie hier weitere Informationen zu diesen beiden Funktionen finden:

+0

perfekt funktioniert es aber, wenn Sie wollen es mit Meteor verwenden, müssen Sie Ereignis und nicht Jus schreiben t e. – Michael

+0

hmm? 'e' ist nur ein variabler Name Sie können es benennen was immer Sie wollen – Khang

+0

e ist eigentlich eine Instanz von 'event' Objekt. –