jquery - jquery とボタンを使用して動的コンテンツを含む div をロードする

Question

liデータベースから動的コンテンツをロードし、要素に var を表示する js があります。

$("<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 を開こうとすると、何も起こりません。誰でも私を助けて、その方法を教えてくれませんか!

どうもありがとうございました！