jQuery在Facebook粉丝页面应用程序上不起作用
我试图在facebook粉丝页面上使用jquery.min.js作为图像滑块,但它不起作用 这是代码结构:jQuery在Facebook粉丝页面应用程序上不起作用,jquery,Jquery,我试图在facebook粉丝页面上使用jquery.min.js作为图像滑块,但它不起作用 这是代码结构: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $.noConflict(); $(document).ready(f
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$.noConflict();
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 520;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'left',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl"></span>')
.append('<span class="control" id="rightControl"></span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>
$.noConflict();
$(文档).ready(函数(){
var currentPosition=0;
var slideWidth=520;
变量幻灯片=$('.slide');
var numberOfSlides=slides.length;
//删除JS中的滚动条
$('slidecontainer').css('overflow','hidden');
//用#slideInner div包装所有幻灯片
幻灯片
.wrapAll(“”)
//向左浮动以水平显示,重新调整。滑动宽度
.css({
‘float’:‘left’,
“宽度”:滑动宽度
});
//将#幻灯片内部宽度设置为所有幻灯片的总宽度
$('slideInner').css('width',slideWidth*numberOfSlides);
//在DOM中插入控件
$(“#幻灯片放映”)
.prepend(“”)
.附加(“”);
//第一次加载时隐藏左箭头控件
管理控制(当前职位);
//为控件创建事件侦听器。单击
$(“.control”)
.bind('单击',函数()){
//确定新位置
currentPosition=($(this).attr('id')=='rightControl')?currentPosition+1:currentPosition-1;
//隐藏/显示控件
管理控制(当前职位);
//使用边距向左移动滑块
$('slideInner')。设置动画({
“marginLeft”:滑动方向*(-currentPosition)
});
});
//manageControls:根据当前位置隐藏和显示控件
功能管理控制(位置){
//如果位置是第一张幻灯片,则隐藏左箭头
if(position==0){$('#leftControl').hide()}else{$('#leftControl').show()}
//如果位置是最后一张幻灯片,则隐藏右箭头
if(position==numberOfSlides-1){$('#rightControl').hide()}else{$('#rightControl').show()}
}
});
Facebook使用原型。因此,您需要使用jQuery的命名版本,也许您需要放弃jQuery对$
变量的控制
看看这里
//
如果需要帮助,您需要告诉我们更多信息。你想做什么?你试了什么?您的代码是什么?在noConflict()
之后,使用jQuery
而不是$
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype via $(...), etc.
$('someid').hide();
//]]>
</script>