jquery - データタグを介して渡された機能を実行します

Question

データタグを介して利用する必要があるいくつかのコールバック関数を通過するつもりです。

<div data-callback-functions="function01(),function02(),function03()"></div>

渡されたこれらの関数を取得して順番に実行するにはどうすればよいですか? データタグ内の関数に括弧を使用することが許可されていると思いますか?

Answer 1

「データタグ内の関数に括弧を使用することは許可されていると思いますか?」

はい、それは有効なマークアップです。

「パススルーされたこれらの関数を取得して、順番に実行するにはどうすればよいですか?」

div への参照が既にあると仮定しますthis(必要に応じて調整します)。

var funcs = $(this).data("callback-functions");
eval(funcs);

デモ: http://jsfiddle.net/qPfzZ/

このeval()関数は、JS の任意の文字列を実行します。属性data-に有効な JS が含まれています。