Plugins 为什么赢了';我的jQuery插件不工作吗?
我制作了一个jQuery插件,它可以在我的mac上运行。当我上传到服务器时,它不工作 为什么呢? 为什么我不能在服务器上调用ajaxPlugins 为什么赢了';我的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=$.
(函数($){
$.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 );