Jqueryはdivまたはpにhref自動ロードリンクコンテンツプラグインを追加

1370 ワード

詳細
/**
 *  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コンテンツの再リリースを支援