Question

我幾乎完全不瞭解JavaScript，我所要做的就是在一頁上加載這兩個javascripts。第二個腳本停止滑動工作。 下面是javascript代碼：

SCRIPT 2

<script type="text/javascript"> 
    (function() { 
     var source_domain = 'http://affiliates.services.firstfolio.com.au'; 
     ff_dynamic_loader_enqform = { 
      anchor: 'ff_enquiry_micro_form_sample', 
      aff_code: 'A123', 
      style: true, 
      micro: true, 
      remove_element: 'ff_enquiry_short_lenderspecial', 
      ef_thankyou_page: 'http://www.mywebsite.com.au/thank-you-page/?reference=125415' 
     }; 
     // Create the javascript inclusion object 
     var ffef = document.createElement('script'); 
     ffef.type = 'text/javascript'; 
     ffef.async = true; 
     ffef.src = source_domain + '/resources/forms/enquiry-short/?settings=ff_dynamic_loader_enqform'; 
     var a = document.getElementsByTagName('script')[0]; 
     a.parentNode.insertBefore(ffef, a); 
    })(); 
</script> 

SCRIPT 1（滑塊）

<script type="text/javascript"> Cufon.now();</script> 
<script> 
    jQuery(this).ready(function($) { 
     $('#slider')._TMS({ 
      banners: true, 
      waitBannerAnimation: false, 
      preset: 'diagonalFade', 
      easing: 'easeOutQuad', 
      pagination: true, 
      duration: 400, 
      slideshow: 8000, 
      bannerShow: function(banner) { 
       banner.css({marginRight: -500}).stop().animate({marginRight: 0}, 600) 
      }, 
      bannerHide: function(banner) { 
       banner.stop().animate({marginRight: -500}, 600) 
      } 
     }) 
    }) 
</script> 

Answer 1

從您所提供的信息，似乎沒有成爲太多理由這兩個衝突或導致問題。當然，情況可能並非如此，但如果沒有對網頁上發生的事情有更全面的瞭解，很難說清楚。

我懷疑發生了什麼事情，你會得到一個JavaScript錯誤（這會阻止JavaScript頁面工作）。

有兩件事情可以做，看看發生了什麼事情：

• 使用錯誤控制檯（有一個螢火蟲，另一個在Chrome開發者工具），看看發生了什麼事情在你的頁面加載。我真的希望你會發現它會在那裏拋出一個錯誤，這將幫助你調試你正在遇到的問題。
• 我的直覺是你的錯誤要麼是由Cufon引起的，要麼是當時jQuery不存在。爲了解決這個問題，你需要確保你在這三個腳本塊之前在之前包含了jQuery的頁面。

此外，還可以將這些全部變成一個標籤和包裝他們在jQuery document.ready功能，以幫助減少衝突，就像這樣：

<script> 
    $(document).ready(function(){ 
     /* your first block */ 
     var source_domain = 'http://affiliates.services.firstfolio.com.au'; 

     ff_dynamic_loader_enqform = { 
      anchor: 'ff_enquiry_micro_form_sample', 
      aff_code: 'A123', 
      style: true, 
      micro: true, 
      remove_element : 'ff_enquiry_short_lenderspecial', 
      ef_thankyou_page: 'http://www.mywebsite.com.au/thank-you-page/?reference=125415' 
     }; 
     // Create the javascript inclusion object 
     var ffef = document.createElement('script'); 
     ffef.type = 'text/javascript'; 
     ffef.async = true; 
     ffef.src = source_domain + '/resources/forms/enquiry-short/?settings=ff_dynamic_loader_enqform'; 
     var a = document.getElementsByTagName('script')[0]; 
     a.parentNode.insertBefore(ffef, a); 

     /* set up the slider (your third block) */ 
     $('#slider')._TMS({ 
      banners:true, 
      waitBannerAnimation:false, 
      preset:'diagonalFade', 
      easing:'easeOutQuad', 
      pagination:true, 
      duration:400, 
      slideshow:8000, 

      bannerShow:function(banner){ 
       banner.css({marginRight:-500}).stop().animate({marginRight:0}, 600) 
      }, 
      bannerHide:function(banner){ 
       banner.stop().animate({marginRight:-500}, 600) 
      } 
     }); 

     /* initialise Cufon (your second block) */ 
     Cufon.now(); 
    }); 
</script> 

這是基於兩個假設：

• 您使用的是HTML5，否則您需要在<script>標記中包含type="text/javascript"。
• 您使用的jQuery(this).ready與document，.ready（即：如果在通過AJAX或類似方式加載頁面後未加載滑塊）可以互換。