2012-10-06 148 views
0

我一直想整天找出爲什麼我的代碼不工作。我在jQuery中有多個函數,當我嘗試合併它們時,其中一個不起作用。多個jQuery的功能不起作用

這是我現在的整個代碼。

 jQuery(document).ready(function($){ 
     jQuery('#slider').anythingSlider({ 
      mode    : 'h', // fade mode - new in v1.8! 
      easing    : '<?php echo $data['slideshow_transition']; ?>', 
      buildArrows   : <?php echo $data['slide_arrows']; ?>,  // If true, builds the forwards and backwards buttons 
      buildNavigation  : <?php echo $data['slide_anchor']; ?>,  // If true, builds a list of anchor links to link to each panel 
      buildStartStop  : <?php echo $data['slide_startstop']; ?>,  // If true, builds the start/stop button 
      toggleArrows  : <?php echo $data['slide_toggle_arrows']; ?>,  // If true, side navigation arrows will slide out on hovering & hide @ other times 
      toggleControls  : <?php echo $data['slide_toggle_controls']; ?>,  // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times 
      startPanel   : <?php echo $data['slideshow_start_from']; ?>, 
      autoPlay   : <?php echo $data['slideshow_pause']; ?>,  // If true, the slideshow will start running; replaces "startStopped" option 
      autoPlayLocked  : <?php echo $data['slideshow_user_pause']; ?>,  // If true, user changing slides will not stop the slideshow 
      autoPlayDelayed  : false,  // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts 
      pauseOnHover  : <?php echo $data['slideshow_hover_pause']; ?>,  // If true & the slideshow is active, the slideshow will pause on hover 
      stopAtEnd   : <?php echo $data['slideshow_endstop']; ?>,  // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false. 
      playRtl    : <?php echo $data['slideshow_direction']; ?>,  // If true, the slideshow will move right-to-left 
      resumeOnVideoEnd : true,  // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete 
      addWmodeToObject : "opaque", 
      onSlideBegin: function(e,slider) { 
       // keep the current navigation tab in view 
       slider.navWindow(slider.targetPage); 
      } 
     }); 
     // Videos on click grid and list style 
     var animateSpeed = 500; 
     jQuery("#layout-controls a").click(function(){ 
      var curClass = jQuery('#videos').attr('class'); 
      var newClass = jQuery(this).attr('class'); 
      jQuery('#videos').fadeOut(animateSpeed,function(){ 
       jQuery('#videos').removeClass(curClass,animateSpeed); 
       jQuery('#videos').addClass(newClass,animateSpeed);   
      }).fadeIn(animateSpeed);       
      return false;  
     }); 
     jQuery("#cw-layout-controls a").click(function(){ 
      var curClass = jQuery('#cw-videos').attr('class'); 
      var newClass = jQuery(this).attr('class'); 
      jQuery('#cw-videos').fadeOut(animateSpeed,function(){ 
       jQuery('#cw-videos').removeClass(curClass,animateSpeed); 
       jQuery('#cw-videos').addClass(newClass,animateSpeed);   
      }).fadeIn(animateSpeed);       
      return false;  
     }); 
     //Validate contact form 
     jQuery('#contactform').validate(); 
     //Slow scroll to comments area 
     var commentTopPosition = jQuery('#comments').offset().top; 
     // When #comment-scroll is clicked 
     jQuery('#comment-scroll').click(function(){ 
      // Scroll down to 'commentTopPosition' 
      jQuery('html, body').animate({scrollTop:commentTopPosition}, 'slow'); 
      // Stop the link from acting like a normal anchor link 
      return false; 
     }); 
     jQuery(".vf-table tr:even").addClass("even"); 
     jQuery(".vf-table tr td").css({'border-left': '1px solid <?php $borders ?>', 'border-right': '1px solid <?php $borders ?>'}); 
     jQuery(".vf-table tr th").css({'background': '<?php $borders ?>'}); 
    }); 

在代碼開始是anythingslider,我用我最新的主題,在代碼到底是jQuery代碼到CSS樣式添加到我的表中的主題。

代碼來改變我以前在不同的主題和不同的js文件中使用的表格樣式。但由於某種原因,它不會在這個工作。當我使表格邊框工作anythingslider不起作用,如果我使anythingslider工作其他代碼不起作用。

我試圖爲每個代碼分別創建.js文件並將其包含在主題中,我試圖包含來自php文件的代碼,我試圖直接在代碼中包含代碼,我試圖添加jquery沒有衝突我試圖$而不是jQuery,它們都不起作用。從這我看不出我的代碼中有任何錯誤。有人可以更聰明地向我解釋我錯過了什麼,所以我的代碼不在這個工作。

+0

是否有原因,爲什麼你的第一個PHP代碼是在一個字符串,其他人不是? – Daedalus

+0

代碼的第一部分從框架中的字符串中提取值。第二部分代碼從短代碼中提取值 –

+0

請給出呈現代碼的樣子。 – Daedalus

回答

1

好吧,我發現問題在哪裏。

在這裏評論將被禁用頁面沒有#comments DIV所以這裏

var commentTopPosition = jQuery('#comments').offset().top; 

jQuery的休息。

以及它打破之後的所有內容。我只是對我的評論php文件做了輕微的修改,現在它可以工作。

+0

將此標記爲答案,然後讓其他人的生活更輕鬆 –

+0

我不能再繼續2天。當我點擊標記爲答案時說,我可以在2天后接受我自己的答案。 –