0

我正在使用http://jaukia.github.io/zoomooz/来缩放我网页上的元素。

但是，当我通过 动态添加元素时.append()，元素不会缩放。

我厌倦了.on手动使用和做事但没有成功。

$(document).on("click", ".lot", function () {
                $(this).zoomTarget();
            });

这是我的 HTML

 <div class="zoomViewport">
            <div class="lotmap zoomContainer">
 </div></div>

div class="zoomViewport"在with data 属性data-targetsize="0.05"和类中添加的任何元素在zoomTarget单击时都会被缩放。

例子： <img class="zoomTarget lot" data-targetsize="0.05" src="../images/sold.png"/>

我将元素附加到lotmap. 任何帮助，将不胜感激。

编辑：事件正在触发，但在动态添加元素之前，我需要插件事件像以前一样工作。

4

1 回答 1

1

我对 zoomooz 也有同样的问题。在此示例中，您通过单击按钮创建新元素。创建新元素后，您只需使用 zoomTarget() 调用 zoomooz：

    <button> Make A Box </button>

    <div class="zoomViewport">
        <div id="container" class="zoomContainer">
            <div class="box zoomTarget"> </div>
        </div>
    </div>

    <script>

        function _calls_zoom(){
            $(".box").zoomTarget();
        }

        $("button").click(function(){
            $("#container").append("<div class='box'></div>");
            _calls_zoom();
        });

    </script>

这不是一个完美的例子，但我在我的服务器上上传了一个工作副本，其中包括我的一堆笔记以及一个下载链接，因此您可以获取该示例并根据您的需要对其进行调整。

于 2016-09-18T08:10:22.477 回答