Plugins 为什么赢了';我的jQuery插件不工作吗?

Plugins 为什么赢了';我的jQuery插件不工作吗?,plugins,jquery-plugins,jquery,rss,Plugins,Jquery Plugins,Jquery,Rss,我制作了一个jQuery插件,它可以在我的mac上运行。当我上传到服务器时,它不工作 为什么呢? 为什么我不能在服务器上调用ajax (函数($){ $.fn.rss=函数(选项){ 变量设置={ “feedUrl”:“, “hfc”:“999”, “车身颜色”:“999”, “项目颜色”:“CCC”, “项目悬停”:“AAA”, “高度”:“250px”, “宽度”:“250px”, “obj”:“, “sync”:“true”, “更新”:“1000”, }; var options=$.

我制作了一个jQuery插件,它可以在我的mac上运行。当我上传到服务器时,它不工作

为什么呢? 为什么我不能在服务器上调用ajax

(函数($){
$.fn.rss=函数(选项){
变量设置={
“feedUrl”:“,
“hfc”:“999”,
“车身颜色”:“999”,
“项目颜色”:“CCC”,
“项目悬停”:“AAA”,
“高度”:“250px”,
“宽度”:“250px”,
“obj”:“,
“sync”:“true”,
“更新”:“1000”,
};
var options=$.extend(设置、选项);
返回此.each(函数(){
//如果存在选项,让我们合并它们
//使用我们的默认设置
var doingAjax=false;
setInterval(函数(){
if(!doingAjax){
$('').html('LOADING…')。appendTo('#blabber');
$('.image holder').css({
“float”:“left”,
“背景”:options.bodycolor,
“高度”:$(“#blabber”).height(),
“宽度”:options.width,
“填充”:“0px”,
“边距”:“0px”,
“边框”:“1px实心#ddd”,
“背景”:“eee url(loading.gif)50%50%不重复”,
'位置':'绝对',
“顶部”:“0px”,
“填充顶部”:“3.5px”,
“填充底部”:“3.5px”,
})
$('.image holder#loading').css({
“高度”:“25px”,
“文本对齐”:“居中”,
“padding top”:$('#blabber').height()/2+$('#load').height()*2,
})
doingAjax=true;
$.ajax({
键入:“获取”,
全球:没错,
processData:对,
是的,
url:options.feedUrl,
数据类型:“xml”,
async:options.sync,
完成:函数(){
doingAjax=false;
$(“.image holder”).fadeOut(1000);
},
成功:函数(xml){
doingAjax=false;
$(xml).find('channel').each(function(){
var title=$(this.find('title:first').text();
var ttl=$(this.find('ttl:first').text();
$(xml).find('image').each(函数(){
var url2=$(this.find('link').text();
var icon=$(this.find('url').text();
$('').html('').fadeIn(1000).appendTo('#title');
$('.title').css({
“字体大小”:“0.8em”,
“大纲”:“无”
});
$('.title a').css({
“左填充”:“10px”,
“填充顶部”:“3.5px”,
“字体大小”:“0.6em”,
“大纲”:“无”,
“文本装饰”:“无”,
“颜色”:“000”,
‘高度’:‘16px’,
“行高”:“16px”,
“float”:“left”,
“溢出”:“隐藏”
});
$('.title#icon').css({
“-moz边界半径”:“2px”,
“-khtml边界半径”:“2px”,
“边界半径”:“3px”,
“宽度”:“16px”,
‘高度’:‘16px’,
“页边距顶部”:“4.5px”,
“右边距”:“10px”,
'背景图像':'url('+图标+'),
“背景重复”:“不重复”,
“溢出”:“隐藏”,
“float”:“right”
});
});
$(xml).find('item').each(function(){
var title=$(this.find('title').text();
var-brief=$(this.find('description').text();
var url=$(this.find('link').text();
$('').html('').fadeIn(1000).appendTo('#blab');
$('.items').css({
“背景”:options.itemcolor,
“padding”:“5px”,
“边框顶部”:“实心1px#000”,
});
$('.items a').css({
“字体大小”:“1.2em”,
“显示”:“块”,
“页边距顶部”:“5px”,
“页边距底部”:“5px”,
“文本装饰”:“无”,
“颜色”:“000”
});
$('.items a.dis').css({
“字体大小”:“0.8em”,
“左填充”:“10px”
});
$(“.items”).mouseout(函数(){
$(this.css(“背景”,options.itemcolor)
//$(this.animate({“border color”:'#000'});
$(“.items”).mouseover(函数(){
$(this.css(“背景”,options.itemhover)
//$(this.animate({“边框颜色”:'#FFF'});
});
});
});
});
}
});
}
},选项。更新);
$('').appendTo(options.obj);
$('#blabber').css({
“高度”:“自动”,
“宽度”:options.width,
“溢出”:“隐藏”
});
$(“”).appendTo(“#blabber”);
$('#title').css({
“背景”:options.hfc,
“边框底部”:“实心1px#000”,
“高度”:“25px”,
“溢出”:“隐藏”
});
$(“”).appendTo(“#blabber”);
$('#blab').css({
“背景”:options.bodycolor,
“高度”:options.height,
“宽度”:options.width,
“溢出-y”:“滚动”
});
$(“#blabber*”).css({
“边距”:“0px”,
“填充”:“0px”,
“大纲”:“无”,
“溢出-x”:“隐藏”
});
$(“”).appendTo(“#blabber”);
$(“#英尺”).css({
“背景”:options.hfc,
“边框顶部”:“实心1px#000”,
“高度”:“25px”
});
});
}
})(jQuery);

`您正在跨服务器调用AJAX。许多浏览器都会对此进行限制,以防止基于XSS的攻击。

您正在从另一个域调用URL,这是不允许的。因为您正在获取twitter提要,所以请使用twitter的api。这里有一个关于如何在Twitter上使用它的链接。

链接看起来非常可疑。尽管看起来可疑,但这是一个合法的链接。然而,这个问题不是很好@马克:你为什么不给我们一些补充
(function( $ ){

  $.fn.rss = function(options) {  

    var settings = {
       'feedUrl'          : '',
       'hfc'              : '#999',
       'bodycolor'        : '#999',
       'itemcolor'        : '#CCC',
       'itemhover'        : '#AAA',
       'height'           : '250px',
       'width'            : '250px',
       'obj'              : '',
       'sync'             : 'true',
       'update'           : '1000',
    };
    var options = $.extend(settings, options);  
    return this.each(function() {   

      // If options exist, lets merge them
     // with our default settings
var doingAjax = false;
setInterval(function() {
  if (!doingAjax) {
       $('<div class="image-holder"></div>').html('<div id="loading">LOADING...</div>').appendTo('#blabber');
       $('.image-holder').css({
        'float'           :'left',
        'background'      :options.bodycolor, 
        'height'          :$('#blabber').height(),
        'width'           :options.width,
        'padding'         :'0px',
        'margin'          :'0px',
        'border'          :'1px solid #ddd',
        'background'      :'#eee url(loading.gif) 50% 50% no-repeat',
        'position'        :'absolute',
        'top'             :'0px',
        'padding-top'     :'3.5px',
        'padding-bottom'  :'3.5px',

        })
           $('.image-holder #loading').css({
        'height'          :'25px',
        'text-align'      :'center',
        'padding-top'     :$('#blabber').height()/2+$('#loading').height()*2,
        })
    doingAjax = true;
    $.ajax({
    type: "GET",
    global: true,
    processData: true,
    cache: true,
    url: options.feedUrl,
    dataType: "xml",
    async:options.sync,
    complete:function(){
        doingAjax = false;
        $(".image-holder").fadeOut(1000);
    },
    success: function(xml) {
        doingAjax = false;
        $(xml).find('channel').each(function(){
        var title = $(this).find('title:first').text(); 
        var ttl = $(this).find('ttl:first').text(); 
        $(xml).find('image').each(function(){
        var url2   = $(this).find('link').text();
        var icon   = $(this).find('url').text();
        $('<div class="title"></div>').html('<a href="'+url2+'"style="">'+title+ttl+'</a><div id="icon"></div>').fadeIn(1000).appendTo('#title');
        $('.title').css({
        'font-size'       :'0.8em',
        'outline'         :'none'
        });
        $('.title a').css({
        'padding-left'    :'10px',
        'padding-top'     :'3.5px',
        'font-size'       :'0.6em',
        'outline'         :'none',
        'text-decoration' :'none',
        'color'           :'#000',
        'height'          :'16px',
        'line-height'     :'16px',
        'float'           :'left',
        'overflow'        :'hidden'
        });
        $('.title #icon').css({
        '-moz-border-radius':'2px',
        '-khtml-border-radius':'2px',
        'border-radius'   :'3px',
        'width'           :'16px',
        'height'          :'16px',
        'margin-top'      :'4.5px',
        'margin-right'    :'10px',
        'background-image':'url('+icon+')',
        'background-repeat':'no-repeat',
        'overflow'        :'hidden',
        'float'           :'right'
        });

        });
        $(xml).find('item').each(function(){
        var title = $(this).find('title').text();
        var brief = $(this).find('description').text();
        var url   = $(this).find('link').text();
        $('<div class="items"style=""></div>').html('<a href="'+url+'"><div class="dis">'+brief+'</div></a>').fadeIn(1000).appendTo('#blab');
        $('.items').css({
       'background' :options.itemcolor,
       'padding'          :'5px', 
       'border-top'       :'solid 1px #000',
        });
        $('.items a').css({
        'font-size'       :'1.2em',
        'display'         :'block',
        'margin-top'      :'5px',   
        'margin-bottom'   :'5px',
        'text-decoration' :'none', 
        'color'           :'#000'
        });
        $('.items a .dis').css({
        'font-size'       :'0.8em',
        'padding-left'    :'10px'
        });
        $(".items").mouseout(function(){
        $(this).css("background",options.itemcolor)
        //$(this).animate({"border-color":'#000'});
        $(".items").mouseover(function(){
        $(this).css("background",options.itemhover)
        //$(this).animate({"border-color":'#FFF'});
        });
        });
        });
        });
    }
});
}
},options.update);
        $('<div id="blabber"></div>').appendTo(options.obj);
        $('#blabber').css({
        'height'          :'auto', 
        'width'           :options.width,
        'overflow'        :'hidden'
        });
        $('<h1 id="title"></h1>').appendTo('#blabber');
        $('#title').css({
        'background'      :options.hfc,
        'border-bottom'   :'solid 1px #000', 
        'height'          :'25px',
        'overflow'        :'hidden'
        });
        $('<div id="blab"></div>').appendTo('#blabber');
        $('#blab').css({
        'background'      :options.bodycolor, 
        'height'          :options.height,
        'width'           :options.width,
        'overflow-y'      :'scroll'
        });
        $('#blabber *').css({
        'margin'          :'0px',
        'padding'         :'0px',
        'outline'         :'none',
        'overflow-x'      :'hidden'
        });
        $('<div id="foot"></div>').appendTo('#blabber');
        $('#foot').css({
        'background'      :options.hfc, 
        'border-top'      :'solid 1px #000', 
        'height'          :'25px'
        });
    });
  }
})( jQuery );