RT,在尝试开发插件的时候,FF报“attempt to run compile-and-go script on a cleared scope”错误,请各位帮忙看看,是哪儿的问题JS代码:
(function($) {
$.fn.myTabs = function(options) {
var defaults = {
target : '#data',//数据展示的DIV的ID或者Class
currentClass : 'current',//当前tab的样式名
event : 'click',//触发方式
errorMsg : 'Oops! This page is error',//默认错误信息
};
var opts = $.extend({}, defaults, options);
return this.each(function() {
var $this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var url = $this.attr("href");
var $target = $(o.target);
$this.bind(
o.event,
function() {
$("a." + o.currentClass).removeClass(o.currentClass);
$this.addClass(o.currentClass);
$target.load(url);
}
);
});
};
})(jQuery);HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jQuery.myTabs.js"></script>
<script type="text/javascript">
$(function(){
$('.grid-tab a').myTabs();
});
</script>
</head><body>
<div class="grid-tab">
<a href="1.jsp" class="my">测试1</a>
<a href="2.jsp" class="my">测试2</a>
<a href="3.jsp" class="my">测试3</a>
</div><div class="box">
<div id="data"></div>
</div>
</body>
</html>
(function($) {
$.fn.myTabs = function(options) {
var defaults = {
target : '#data',//数据展示的DIV的ID或者Class
currentClass : 'current',//当前tab的样式名
event : 'click',//触发方式
errorMsg : 'Oops! This page is error',//默认错误信息
};
var opts = $.extend({}, defaults, options);
return this.each(function() {
var $this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var url = $this.attr("href");
var $target = $(o.target);
$this.bind(
o.event,
function() {
$("a." + o.currentClass).removeClass(o.currentClass);
$this.addClass(o.currentClass);
$target.load(url);
}
);
});
};
})(jQuery);HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jQuery.myTabs.js"></script>
<script type="text/javascript">
$(function(){
$('.grid-tab a').myTabs();
});
</script>
</head><body>
<div class="grid-tab">
<a href="1.jsp" class="my">测试1</a>
<a href="2.jsp" class="my">测试2</a>
<a href="3.jsp" class="my">测试3</a>
</div><div class="box">
<div id="data"></div>
</div>
</body>
</html>
o.event,
function() {
$("a." + o.currentClass).removeClass(o.currentClass);
$this.addClass(o.currentClass);
$target.load(url);
return false; }
);红色 部分 避免 连接生效。
我试了最新版本,在firebug下面还是有错误
点击a标签报的错,不知道上面两位是不是测试的点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">
(function($) {
$.fn.myTabs = function(options) {
var defaults = {
target : '#data',//数据展示的DIV的ID或者Class
currentClass : 'current',//当前tab的样式名
event : 'click',//触发方式
errorMsg : 'Oops! This page is error',//默认错误信息
};
var opts = $.extend({}, defaults, options);
return this.each(function() {
var $this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
var url = $this.attr("href");
var $target = $(o.target);
$this.bind(
o.event,
function() {
$("a." + o.currentClass).removeClass(o.currentClass);
$this.addClass(o.currentClass);
$target.load(url);
return false;
}
);
});
};
})(jQuery);$(function(){
$('.grid-tab a').myTabs();
});
</script>
</head><body>
<div class="grid-tab">
<a href="1.html" class="my">测试1</a>
<a href="2.jsp" class="my">测试2</a>
<a href="3.jsp" class="my">测试3</a>
</div><div class="box">
<div id="data"></div>
</div>
</body>
</html>我把1.jsp 换成1.html ,没问题。