javascript - 有没有办法在这个 html 标记中调用我的 javascript 参数？

Question

我正在尝试制作一个 JQuery 插件，它接受一个初始参数并在 HTML 标记中执行它。这甚至可以做到。如果可以，怎么做？

(function ($) {
$.fn.toggle_box = function (object) { 
    this.each(function () {
        var $this = $(this);

        var $box = $('<div id=*'object' parameter here*></div>');

        //more code

    });
};
})(jQuery);

$('div.clickable_box').toggle_box(object);

Answer 1

是的！

使用 jQuery，您可以将任意数据与给定元素相关联

所以，例如

var div = $("div")[0];
jQuery.data(div, "test", { first: 16, last: "pizza!" });

在这里，您可以找到第一个 DIV 元素并将对象存储在键“test”上。

您也可以像这样直接在元素上调用数据：

$("div")[0].data("test", { first: 16, last: "pizza!" });

您还可以像这样向标签添加数据：

<div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div>

那么所有这些都是真的

$("div").data("role") === "page";
$("div").data("lastValue") === 43;
$("div").data("hidden") === true;
$("div").data("options").name === "John";

最后，这两个有相同的结果：

$("div")[0].data("test", { first: 16, last: "pizza!" });

和

<div data-test='{"first": 16, "last": "pizza!" }'></div>

这是文档：

http://api.jquery.com/jQuery.data/

http://api.jquery.com/data/