2016-07-12 2 views
0

У меня есть рули шаблон, который петля через пользователь в таблицах:парение эффекта в руле

<script type ="mustache/x.tmpl" id="helloTmpl"> 

    {{#.}} 
     <table class="torben"> 
      <tr> 
       <th> 
        {{user}} 
       </th> 
      </tr> 
      <tr> 
       <th> 
        <div id="a1"> More Info </div> 
        <div class="contenthover"> 
         More {{content}} here. 
        </div> 
       </th> 
      </tr> 
     </table> 
    {{/.}} 

    </script> 

Кроме того у меня есть сценарий, содержащий эффект парения:

$(document).ready(function() 
    { 
     $('#a1').contenthover({ 
     overlay_background:'#000', 
     overlay_opacity:0.8 
     }); 
    }); 

и, конечно, некоторые CSS, самозагрузки, JQuery .contentover.js и модуль AJAX и т. д. Проблема в том, что вышеупомянутый эффект зависания не работает! Если я достаю

   <div id="a1"> More Info </div> 
       <div class="contenthover"> 
        More {{content}} here. 
       </div> 

из петли и поместить его в обычный HTML, эффект парения отлично работает (без {{content}}, хотя), но не в шаблоне, где у меня есть возможность работать через данные таким образом, чтобы {{content}} должен отображаться. Мне трудно найти решение для этого. Какие-либо предложения? Благодаря

+0

http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements – 76484

+0

Мода при отправке ссылок, не связанных с предметами? речь идет о рулях, которые в значительной степени относятся к другой теме. –

+0

Речь идет не о Handlebars. Речь идет о привязке события к динамически добавленному HTML. Ваша проблема в том, что элемент '# a1' не существует в момент, когда вы пытаетесь привязать его. [Event Delegation] (https://learn.jquery.com/events/event-delegation/) - как решить эту проблему. – 76484

ответ

0

Благодаря 76484, но я понял это:

Моя проблема заключалась в том, что я забыл целевой DIV, что на самом деле отображать результат из шаблона. Следующий DIV делает это в HTML:

<div id="box">Loading...</div> 

Мой парения эффект может, таким образом, цель, что один:

$('div#box').on("mouseenter mouseleave", "p#moreinfo", function(e){... 

где р # MOREINFO это вещь внутри шаблона Я хочу парения влияние на (я изменил что по сравнению с моим инициалом).

Смежные вопросы