流星群のボタンの位置が間違っています

Question

小さなアプリを作りましたが、私のボタンは1つの場所にしか表示されません。それはすべて動作していますが、間違った場所にあります。写真を参照してください。私はGitHub repo linkを残します。申し訳ありませんが、ほとんどのものはキリル文字ですが、コードはもちろん英語のラテン語です。

Here is a video of my problem (22 sec)

あなたの助けをいただき、ありがとうございます。

Answer 1

問題はidです。 HTML idは一意であるため、document.getElementById('skocko')を実行すると、そのIDを持つ最初の要素のみが返されます。

代わりに、ボタンをskockoのクラスを与え、そしてこのようにアクセス：これは、現在のテンプレートでクラスskockoを持つ要素を選択します

Template.myTemplate.events({ 
    "click .glasaj":function(event, template){ 
     template.$(".skocko").toggle(); 
    } 
} 

。

SRC：https://stackoverflow.com/a/27116956/2317712

Answer 2

チェックするdivポジショニングHow to position one element relative to another with jQuery?ので、その位置は、ボタンに対するクリックすることが、あるいはすべてのskockoのためのユニークなskocko IDを割り当てることができます。..

Answer 3

スクリプトでこのような何かを

をglasaj.js

 if (Meteor.isClient) { 
Template.glasajDugme.events({ 
     'click .glasaj': function(){   
      var g = Meteor.user().profile.неискоришћениГласови; 
      if (g < 1) { 


       var pos = $(this).position(); 
       // .outerWidth() takes into account border and padding. 
       var width = $(this).outerWidth(); 

       //show the menu directly over the placeholder 
       $("#skocko").css({ 
        position: "absolute", 
        top: pos.top + "px", 
        left: (pos.left + width) + "px" 
       }).show(); 

       document.getElementById('skocko').style.display = "inline-flex"; 
      // return "disabled" ; 
      } 
      else { 
      Predlozi.update(this._id, {$inc: {Број_Гласова: 1}} 
      ); 
      Meteor.users.update(Meteor.userId(), {$inc: {"profile.неискоришћениГласови": -1}} 
      );    
      }; 
     }  
}); 
sakrijskocka = function(){ 
    document.getElementById('skocko').style.display = "none"; 
    }; 

};