Programim dhe zhvillim, javascript, python, php, html

Meteor: tregoni diçka në klikimin e butonit

Kam një problem në Meteor.

Dua të tregoj dhe fsheh një pjesë të një shablloni kur klikoj një buton (sikur zbulimi i një përgjigjeje për një pyetje p.sh.).

Problemi është se kjo pjesë e shabllonit është krijuar në mënyrë dinamike dhe unë thjesht dua të zbuloj përgjigjen që lidhet me butonin. kështu që nuk mund të kesh vetëm një ndihmës shabllon, që duhet të kthehet "e vërtetë" për të treguar përgjigjen, sepse më pas në një buton klikohet çdo përgjigje.

    <template name="cardList">
      {{#each card}}
        <div class="card">
          <h3>{{frontsideText}}</h3>
          <p class="answer">{{backsideText}}</p>
          <button class="btn btn-danger deleteButton">delete</button> 
          <button class="btn btn-default showButton">show Answer</button> 
        </div>
      {{/each}}
    </template>

E provova me jQuery, e cila funksionoi disi. diçka si:

Meteor.startup(function () {
  $(".answer").hide();
}

Template.cardList.events({
"click .showButton": function(event) {
  $(event.target).prevAll(".answer").first().show();
}

Por kjo nuk funksionon, sepse atëherë çdo pyetje e re e shtuar ose çfarëdo tjetër ka përgjigje, sepse ato thjesht fshihen në fillim. Mendoj se duhet ta vendos funksionin hide() diku tjetër, por nuk e di se ku.

Dhe a ka ndonjë mënyrë për ta zgjidhur këtë problem vetëm me Meteor dhe pa jQuery?

05.02.2015

Përgjigjet:


1

Ka shumë mënyra për ta bërë këtë, këtu janë dy:

1. Duke përdorur meteor Mund të krijoni një shabllon të ri të quajtur kartë, ta vendosni në {{#çdo kartë}} dhe të përdorni ngjarjen e mëposhtme. Kjo do të fshehë përgjigjen sa herë që jepet një kartë e re.

Template.card.rendered = function(){
    this.$("p.answer").hide();
};

2. Ndryshimi i fragmentit për të punuar me JQuery Problemi është se po e fshehni elementin tuaj në mënyrën e gabuar. Nuk duhet ta fshihni me js, por me css. Në këtë mënyrë fshihet si parazgjedhje.

.card p.answer{
  display: none;  
}

Sido që të jetë, kodi i ngjarjes së klikimit do të funksiononte. Personalisht do të kombinoja opsionet që sugjerova: Bëni një shabllon për kartat (është më e pastër/më e lehtë për të punuar në shabllone të përmbajtura mirë) dhe rregulloj css-në në mënyrë që të fshihet si parazgjedhje.

Më njoftoni nëse keni ndonjë pyetje tjetër

05.02.2015
Materiale të reja

Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..

Faketojeni derisa ta arrini me të dhënat false
A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...

Si të përdorni kërkesën API në Python
Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..

Një udhëzues hap pas hapi për të zotëruar React
Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..

AI dhe Psikologjia — Pjesa 2
Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..

Esencialet e punës ditore të kodit tim VS
Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..

Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..