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>

解决方案 »

  1.   

    我这边测试没问题啊            $this.bind(
                    o.event,
                    function() {
                        $("a." + o.currentClass).removeClass(o.currentClass);
                        $this.addClass(o.currentClass);
                        $target.load(url);
    return false;                }
                );红色 部分 避免 连接生效。
      

  2.   

    估计是版本问题,我刚试了一下,最新版下面没有错误。<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      

  3.   


    我试了最新版本,在firebug下面还是有错误
    点击a标签报的错,不知道上面两位是不是测试的点击
      

  4.   


    <!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 ,没问题。
      

  5.   

    NND,找到问题了,是嵌入的页面有问题,换了一个就正常了,谢谢哈