myModal Javascript Popup无法打开

时间:2014-04-05 15:33:22

标签: javascript jquery html

我有一个带有几个页脚链接的易趣模板。通常这些链接应该在javascript弹出窗口中打开。不幸的是,存在于manuel.js文件中的文本没有出现。

以下是代码:

的index.html-文件:

<li><a href="#" data-reveal-id="myModal" data-animation="none">Bestellung</a>
                <div id="myModal" class="reveal-modal">
                    <a class="close-reveal-modal">&#215;</a>
                </div>
            </li>

            <li><a href="#" data-reveal-id="myModal_2" data-animation="none">Bezahlung</a>
                <div id="myModal_2" class="reveal-modal">
                    <a class="close-reveal-modal">&#215;</a>
                </div>
            </li>

** Manuel.js文件:

$( "#myModal" ).prepend( '<h1>Retoure / Umtausch</h1><p>Lorem ipsum dolor sit amet,etc.</i></p>' );
$( "#myModal_2" ).prepend( '<h1>Link2</h1><p>Lorem ipsum dolor sit amet, etc.</p>' );

我不知道什么是错的,为什么文本没有出现在弹出窗口中!希望有人可以帮忙!

1 个答案:

答案 0 :(得分:0)

您附加了文字,但是您从未显示模式,因此它们不会显示正常。

.show()之后添加prepend并使用您想要的事件监听器包装整行(在这种情况下,.on('click', ...)标记上似乎是<a>