jQuery不適用於Facebook粉絲頁面應用程序

我嘗試使用jquery.min.js用於Facebook粉絲頁面上的圖像滑塊，但它不起作用。jQuery不適用於Facebook粉絲頁面應用程序

這是代碼的結構：

<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>

來源

2011-06-28 PHP Ferrari

如果您需要幫助，您需要告訴我們更多信息。您想做什麼？你嘗試了什麼？你的代碼是什麼？ – JMax

也許你需要放棄jQuery對$變量的控制。

看看這裏jQuery.noConflict()。

<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>

來源

2011-06-28 08:20:10 oliholz

我用jQuery.noConflict（）; 但在noConflict（）後仍然沒有解決 –

，使用'jQuery'而不是'$' – oliholz

Facebook的使用原型。所以，你需要使用命名版本的jQuery

來源

2011-06-28 08:15:14

...............？ –

jQuery不適用於Facebook粉絲頁面應用程序

回答

相關問題