Question

因此，我尝试为图像切换iframe，并使用最少的代码执行此操作。

我的容器div正在使用数据切换

<div id="my-div" data-toggle="video2">
    <div id="videocontainer">
        <img src="my-image" />
    </div>
</div>

然后在我的网站脚本文件中，我正在使用此...

jQuery(document).ready(function($) {
    $(function() {
        $(".my-div[data-toggle]").on("click", function(e) {
            var video2 = '<iframe src="//www.youtube.com/></iframe>'
            var slctr = $(this).data("toggle");  // get corresponding selector from data-toggle
            var innerhtml = (slctr);
            $("#videocontainer").html(innerhtml);

        });

    });
});

这会将数据切换内容加载到窗口中，但不会加载到var中。不知道为什么我对此完全陌生。

如何使用从代码中检索的变量来切换html，我也可以使用data-id而不是data-toggle，或者它可以是data-anything。

感谢您的帮助

Answer 1

试试这个

var innerhtml = eval(slctr);

这将评估变量slctr中包含的javascript表达式。如果该变量只包含变量的名称（如本例所示），它将评估该变量的值，我相信这是您正在寻找的变量。

是的，您可以使用data-<anything>

使用数据切换来获取变量名称并在函数中使用该变量名称

1 个答案: