Question

我有一个循环通过表中用户的把手模板：

    <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，bootstrap，jquery.contenthover.js和AJAX模块等等。问题是上面的悬停效果不起作用！如果我退出

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

从循环中把它放在普通的html中，悬停效果效果很好（尽管没有{{content}}），但不能在我能够运行数据的模板中{{content}}应该显示。我很难找到解决方案。有什么建议？感谢

Answer 1

谢谢76484，但我明白了：

我的问题是我忘了定位实际显示模板结果的div。以下div在html中执行此操作：

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

我的悬停效果因此可以针对那个：

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

其中p＃moreinfo是模板中的东西我希望悬停效果（我改变了与我的启动示例相比）。

在车把中悬停效果

1 个答案: