2010-09-10 5 views
1

Я использую GalleryView и когда нагрузка сценарий в голове, как этотзагрузки GalleryView сценария с помощью 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> 

все работает нормально, но когда я использую JQuery для загрузки как этот

$(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 
       }); 
      }); 
     }); 
    }); 
}); 

я получаю 404 на кнопках навигационные

http://mydoamian/undefineddark/prev.gif

http://mydoamian/undefineddark/next.gif

любая помощь будет оценена

+0

Нужно ли загружать js? Это кажется очень сложным, учитывая, что это может быть более простым - вероятно, это не поможет либо загружать их вложенными обратными вызовами. – Adam

+0

Я хочу загрузить их таким образом, потому что я не хочу загружать их на каждую страницу в моих cms только на определенных страницах. где я использую galleryView, и у меня есть вложенные обратные вызовы, поэтому я знаю, когда его нормально запускать galleryView – mcgrailm

ответ

1

я смог обойти эту проблему путем изменения кода в строке 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 Я определяю nav_theme соответствующим образом

$('#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" 
      }); 
     }); 
    }); 
});