jquery 插件--简单页面导航

(function($,W) {     
	$.fn.nav = function(options) {
	   $this = $(this);
	   var defaults = {
			editing:false,
			parent:false,
			beforeQuit:function(){
				
			}
	   };
	   defautls = $.extend(defaults,options);
	   var data;
	   if(defaults.parent){
		   data = parent.navs = [];
	   }else{
		   data = parent.navs = parent.navs || [];
	   }
	
	   var url = W.document.location.href;
	   var title = W.document.getElementsByTagName("title")[0].innerText;
	   
	   var node = new navNode(url,title);
	   
	   var index = -1;
	   for(var i=0;i<data.length;i++){
		   if(data[i].name == title){
			   index = i;
			   break;
		   } 
	   }
	   if(index == -1){
		   data.push(node);
	   }else{
		   data.splice(index+1,data.length-index-1);
	   }
		
	   var html = "当前位置:";
	   for(var i=0;i<data.length;i++){
		   if(i != 0)
			   html += ">>";
		   if(i == data.length -1){
			  html += "<a dataIndex=\""+ i +"\">"+ data[i].name +"</a>";
		   }else{
			  html += "<a href=\"javascript:void(0);\" dataIndex=\""+ i +"\">"+ data[i].name +"</a>";
		   }
	   }
	   $this.append(html);
	   $this.css({"margin":"10px"});
	   $this.delegate("a", "click",data, function() {
		   var index = $(this).attr("dataIndex");
		   if(index != data.length -1){
			   if(defaults.editing){
				   $.omMessageBox.confirm({
						title : '确认离开',
						content : '您当前处于编辑状态,确认离开?',
						onClose : function(v) {
							if (v) {
								W.document.location.href = data[index].url;
							}
						}
					});
			   }else{
				   W.document.location.href = data[index].url;
			   }
		   }
	   });
	   
	};   
	function navNode(url,name){
		   this.url = url;
		   this.name = name;
	   }
	navNode.prototype.toString = function(){
		   return "<span>"+ name +"</span>";
	};
})(jQuery,window);   
$("#nav").nav({}); 

iframe 页面

<div id="nav"></div>


适用情况

主页面包含<iframe />

子页面包含<title/>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值