有沒有辦法在這個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，你可以任意的數據與給定元素

所以，在這裏，你找到的第一個DIV元素相關聯，例如

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

和存儲的關鍵「測試」的對象。

您也可以直接調用數據元素上是這樣的：

$("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/