我一整天都在试图弄清楚为什么我的代码不起作用。我在 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 ?>'});
});
代码开头是我在最新主题上使用的任何滑块,代码末尾是 jquery 代码,用于将 css 样式添加到我的主题表中。
更改我之前在不同主题和不同 js 文件中使用的表格样式的代码。但由于某种原因,它在这个中不起作用。当我让表格边框工作时,任何滑块都不起作用,如果我让任何滑块工作,其他代码也不起作用。
我试图为每个代码分别创建 .js 文件并将其包含在主题中,我试图从 php 文件中包含代码,我试图将代码直接包含在标题中我试图添加 jquery 没有冲突我正在尝试 $ 代替jQuery的,但都不起作用。从这里我看不到我的代码中有任何错误。谁能更聪明地解释一下我错过了什么,所以我的代码在这方面不起作用。