jquery divまたはpにhref自動ロードリンクコンテンツプラグインを追加
1488 ワード
/**
* class page div,p, a href
* ajax
* div href , trigger hrefChange
* $("#test").attr("href", "bee1314.iteye.com");
* $("#test").trigger("hrefChange")
*/
(function($) {
// load content and you should be care context
function load(context) {
var nodeName = context.nodeName;
var href = $(context).attr("href")
console.log("nodeName=>" + nodeName + "; href=>" + href);
if (nodeName != "a" && nodeName != "A" && href != "") {
$(context).load(href);
}
}
$(".page").each(function() {
//load content
load(this);
//auto reload content when href changed
var self = this;
$(self).bind("hrefChange", function() {
load(self);
})
})
})(jQuery);
hrefプロパティをurlプロパティに変更すると、aラベルかどうかを判断するのを避けることができます.
使用方法:
1.classを追加する属性はpageであり、プラグインはpage属性に基づいてフィルタ検索を行う
hrefのリンクを変更する必要がある場合:
$("#test").attr("href", "www.github.com")
$("#test").trigger("hrefChange");//jQueryのカスタムイベント実装により、プラグインはreload divコンテンツの再リリースを支援します.