1

私はこのようなことをしたい:

<img src="" class="after-all" data="/assets/huge-bg.png" />
<div class="after-all" data="/actions/div-content.html"></div>

そしてJSで

$("after-all").loadMissing();

最善の方法は、recognizeメソッドを使用してプラグインを作成することだと思います。

if (img) $(this).attr('src', $(this).attr('data'));
if (div) $(this).load($(this).attr('data'));

これは可能ですか?これを行うための最良の方法は何ですか?これを行う方法 ?

4

1 に答える 1

1

is()を使用できます:

$.fn.loadMissing = function() {
    return this.each(function() {
        var $this = $(this);
        if ($this.is("img")) {
            $this.attr("src", $this.attr("data"));
        } else if ($this.is("div")) {
            $this.load($this.attr("data"));
        }
    });
};

dataこの情報を保存する以外の属性を使用する必要があることに注意してください。のようなHTML5データ属性data-contentがより良い解決策かもしれません。

于 2013-01-29T14:57:03.650 に答える