使用jquery加载GalleryView脚本会导致问题

我正在使用GalleryView，当像这样在头部加载脚本时

    <script type="text/javascript" src="/js/galleryview/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/js/galleryview/jquery.galleryview-2.1.js"></script>
    <script type="text/javascript" src="/js/galleryview/jquery.timers-1.2.js"></script>

$(document).ready(function(){
    $('#gallery').hide();

    $('<link />').appendTo('head').attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: '/js/galleryview/galleryview.css'
    });
    $.getScript('/js/galleryview/jquery.easing.1.3.js', function() {
        $.getScript('/js/galleryview/jquery.galleryview-2.1.js', function() {
            $.getScript('/js/galleryview/jquery.timers-1.2.js', function() {
                $('#gallery').show();
                $('#gallery').galleryView({
                    transition_speed: 1200,
                    background_color: '#006',
                    border: 'none',
                    easing: 'easeInOutBack',
                    pause_on_hover: true
                });
            });
        });
    });
});

一切正常，但当我使用jquery加载

    <script type="text/javascript" src="/js/galleryview/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/js/galleryview/jquery.galleryview-2.1.js"></script>
    <script type="text/javascript" src="/js/galleryview/jquery.timers-1.2.js"></script>

$(document).ready(function(){
    $('#gallery').hide();

    $('<link />').appendTo('head').attr({
        type: 'text/css',
        rel: 'stylesheet',
        href: '/js/galleryview/galleryview.css'
    });
    $.getScript('/js/galleryview/jquery.easing.1.3.js', function() {
        $.getScript('/js/galleryview/jquery.galleryview-2.1.js', function() {
            $.getScript('/js/galleryview/jquery.timers-1.2.js', function() {
                $('#gallery').show();
                $('#gallery').galleryView({
                    transition_speed: 1200,
                    background_color: '#006',
                    border: 'none',
                    easing: 'easeInOutBack',
                    pause_on_hover: true
                });
            });
        });
    });
});

$（文档）.ready（函数（）{
$（'#gallery'）.hide（）；
$（''）.appendTo（'head'）.attr({
键入：“text/css”，
rel:'样式表'，
href:'/js/galleryview/galleryview.css'
});
$.getScript（'/js/galleryview/jquery.easing.1.3.js'，function（）{
$.getScript（'/js/galleryview/jquery.galleryview-2.1.js'，function（）{
$.getScript（'/js/galleryview/jquery.timers-1.2.js'，function（）{
$（“#画廊”）.show（）；
$（“#画廊”）。galleryView({
过渡速度：1200，
背景颜色：'#006'，
边界：“无”，
放松：“轻松返回”，
悬停悬停：真
});
});
});
});
});

导航按钮上有404

---

任何帮助都将不胜感激

我可以通过修改第853行的代码，首先将主题路径定义为空字符串来解决这个问题

        $('script').each(function(i){
            var s = $(this);
            theme_path = '';
            if(s.attr('src') && s.attr('src').match(/jquery\.galleryview/)){
                loader_path = s.attr('src').split('jquery.galleryview')[0];
                theme_path = s.attr('src').split('jquery.galleryview')[0]+'themes/';
            }

然后在调用galleryView时，我恰当地定义了导航主题

$('#gallery').hide();
$('<link />').appendTo('head').attr({
rel: 'stylesheet',
type: 'text/css',
href: prefix +'js/galleryview/galleryview.css'
});
$.getScript(prefix +'js/galleryview/jquery.easing.1.3.js', function() {
      $.getScript(prefix +'js/galleryview/jquery.galleryview-2.1.js', function() {
        $.getScript(prefix +'js/galleryview/jquery.timers-1.2.js', function() {
                            $('#gallery').show();
            $('#gallery').galleryView({
                transition_speed: 1200,
                background_color: '#006',
                border: 'none',
                easing: 'easeInOutBack',
                nav_theme:prefix +"js/galleryview/themes/dark"
            });
        });
    });
});

$（'#gallery'）.hide（）；
$（''）.appendTo（'head'）.attr({
rel:'样式表'，
键入：“text/css”，
href:prefix+'js/galleryview/galleryview.css'
});
$.getScript（前缀+'js/galleryview/jquery.easing.1.3.js'，函数（）{
$.getScript（前缀+'js/galleryview/jquery.galleryview-2.1.js'，函数（）{
$.getScript（前缀+'js/galleryview/jquery.timers-1.2.js'，函数（）{
$（“#画廊”）.show（）；
$（“#画廊”）。galleryView({
过渡速度：1200，
背景颜色：'#006'，
边界：“无”，
放松：“轻松返回”，
导航主题：前缀+“js/galleryview/themes/dark”
});
});
});
});

我首先将主题路径定义为空字符串，修改了第853行的代码，从而绕过了这个问题

        $('script').each(function(i){
            var s = $(this);
            theme_path = '';
            if(s.attr('src') && s.attr('src').match(/jquery\.galleryview/)){
                loader_path = s.attr('src').split('jquery.galleryview')[0];
                theme_path = s.attr('src').split('jquery.galleryview')[0]+'themes/';
            }

然后在调用galleryView时，我恰当地定义了导航主题

$('#gallery').hide();
$('<link />').appendTo('head').attr({
rel: 'stylesheet',
type: 'text/css',
href: prefix +'js/galleryview/galleryview.css'
});
$.getScript(prefix +'js/galleryview/jquery.easing.1.3.js', function() {
      $.getScript(prefix +'js/galleryview/jquery.galleryview-2.1.js', function() {
        $.getScript(prefix +'js/galleryview/jquery.timers-1.2.js', function() {
                            $('#gallery').show();
            $('#gallery').galleryView({
                transition_speed: 1200,
                background_color: '#006',
                border: 'none',
                easing: 'easeInOutBack',
                nav_theme:prefix +"js/galleryview/themes/dark"
            });
        });
    });
});

$（'#gallery'）.hide（）；
$（''）.appendTo（'head'）.attr({
rel:'样式表'，
键入：“text/css”，
href:prefix+'js/galleryview/galleryview.css'
});
$.getScript（前缀+'js/galleryview/jquery.easing.1.3.js'，函数（）{
$.getScript（前缀+'js/galleryview/jquery.galleryview-2.1.js'，函数（）{
$.getScript（前缀+'js/galleryview/jquery.timers-1.2.js'，函数（）{
$（“#画廊”）.show（）；
$（“#画廊”）。galleryView({
过渡速度：1200，
背景颜色：'#006'，
边界：“无”，
放松：“轻松返回”，
导航主题：前缀+“js/galleryview/themes/dark”
});
});
});
});

您必须这样加载js吗？这看起来非常复杂，因为它可能更简单——用嵌套回调加载它们可能也没有帮助。我想这样加载它们，因为我不想在cms的每个页面上加载它们，而只是在特定页面上加载。我在哪里使用galleryView，我有嵌套的回调，所以我知道什么时候可以运行galleryView你必须这样加载js吗？这看起来非常复杂，因为它可能更简单——用嵌套回调加载它们可能也没有帮助。我想这样加载它们，因为我不想在cms的每个页面上加载它们，而只是在特定页面上加载。我使用galleryView的地方有嵌套的回调，所以我知道什么时候可以运行galleryView