使用jquery和一个按钮加载带有动态内容的div

时间:2013-07-19 20:11:23

标签: jquery css3 html button

我有一个从数据库加载动态内容的js,并在li元素中显示var:

$("<li id='l_"+marker['__gm_id']+"' class='clinic_list' />")
.html("<div><strong>"+v.name+"</strong></div> etc...")
.click(function() {
    //displayPoint(marker, i);
    infowindow.setContent(null);
    infowindow.open(map,marker);
    toggleBounce(marker); })
.appendTo("#list");

现在我想在li元素中添加一个按钮,用于打开带有动态内容的div。按钮看起来像这样:

<button class="md-trigger" data-modal="modal-1">open dynamic div</button>

按钮应该打开这个div(css3的模态对话框):

<div class="md-modal md-effect-1" id="modal-1">
    <div class="md-content">
        <h3>Modal Dialog</h3>
        <div>
            <p>"+v.name+"</p>

            <button class="md-close">Close</button>
        </div>
    </div>
</div>

前端:http://www.ihrvorteilsclub.de/home/iv/search/search.php

js的其余部分:http://www.ihrvorteilsclub.de/home/iv/search/js/super-store-finder-mobile.js

但它不起作用。我不知道如何结合这个。当我添加按钮并尝试顶部打开div时,没有任何反应。任何人都可以帮助我并告诉我如何做到这一点!

非常感谢!

0 个答案:

没有答案