我开发了一个使用“Royal Slider”的网站。post从数据库中毫无问题地加载自定义字段,并循环浏览图像,创建一个可爱的幻灯片,如所示
http://www.ccmediaservices.co.uk/property/2-bedroom-apartment-to-rent/
问题是我想通过一些自定义设置来自定义滑块。通常情况下,这是通过标记之前html底部的js块实现的。这是设置js初始化代码
<script>
jQuery(document).ready(function($) {
$(\'.royalSlider\').royalSlider({
fullscreen: {
enabled: true,
nativeFS: true
},
controlNavigation: \'thumbnails\',
autoScaleSlider: true,
autoScaleSliderWidth: 960,
autoScaleSliderHeight: 850,
loop: false,
imageScaleMode: \'fit-if-smaller\',
navigateByClick: true,
numImagesToPreload:3,
arrowsNavAutoHide: true,
arrowsNavHideOnTouch: true,
keyboardNavEnabled: true,
fadeinLoadedSlide: true,
globalCaption: true,
globalCaptionInside: false,
thumbs: {
appendSpan: true,
firstMargin: true,
paddingBottom: 4
}
});
});
</script>
在wordpress中,这是不可能的,因为我很清楚,所以我执行了在函数文件中放置两个动作挂钩的标准过程。一个用于注册脚本,另一个用于从页脚打印脚本。这是我的密码
/* Royal Slider Hooks */
add_action (\'init\', \'register_my_royal_slider_script\');
add_action (\'wp-footer\', \'print_my_royal_slider_script\');
/* Royal Slider Functions */
function register_my_royal_slider_script() {
wp_register_script(\'my-script\', get_template_directory_uri() . \'/royalslider/custom-slider-settings.js\', array(\'jquery\'), \'1.0\', true);
}
function print_my_royal_slider_script() {
global $add_my_script;
if ( ! $add_my_script )
return;
wp_print_scripts(\'my-script\');
}
不幸的是,它没有产生任何效果。您看到的上述代码是否有问题?我有点困惑,我没有发现任何错误