Javascript 导航到特定Jquerytools选项卡时加载Galleria

Javascript 导航到特定Jquerytools选项卡时加载Galleria,javascript,galleria,jquery,jquery-tools,Javascript,Galleria,Jquery,Jquery Tools,我无法将Galleria image gallery插件集成到我的一个Jquerytools选项卡上。当使用Galleria直接导航到页面时(例如:www.domain.com/index.php#tabnameofgalleriapane),没有问题 每当没有立即加载galleria的窗格(默认窗格是另一个窗格)时,Gallery就会抛出一个错误:致命错误:无法从CSS中提取舞台高度。跟踪高度:0px。,这是合乎逻辑的,因为当Galleria窗格未激活时,它的css可能是显示:无 从字面上定义

我无法将Galleria image gallery插件集成到我的一个Jquerytools选项卡上。当使用Galleria直接导航到页面时(例如:www.domain.com/index.php#tabnameofgalleriapane),没有问题

每当没有立即加载galleria的窗格(默认窗格是另一个窗格)时,Gallery就会抛出一个错误:
致命错误:无法从CSS中提取舞台高度。跟踪高度:0px。
,这是合乎逻辑的,因为当Galleria窗格未激活时,它的css可能是
显示:无

从字面上定义高度和宽度似乎不起作用。这是以前的设置:

jQuery("#jp_nav").tabs(".jp_pane", { history: true } );
jQuery('#gallery').galleria({
    imageCrop: false,
    transition: 'slide',
    autoplay: 7000,
    width: 960,
    height: 640
});
所以我想把Galleria插件的加载绑定到包含Galleria插件的窗格的加载上,因为在那一刻,Galleria窗格确实有一个高度。。。我已经找到了一些方法来帮助我,但现在我遇到了其他JavaScript冲突错误(请参见下面的解释)

出于我无法控制的原因,我写这篇文章的网站同时使用jQuery和Prototype/Scriptaculous。因此,请考虑脚本必须以noConflict模式编写。(我正在设置中执行此操作。
$.noConflict();

有人能告诉我下面的脚本是否让我走上了正确的轨道吗? 有人能帮我修改脚本以在加载#jp#u images选项卡时工作吗? 现在,上面的脚本给出了与原型冲突的错误

焦急地等待您的专家意见

问候,


Maarten

我设法找到了一个快速而肮脏的解决方案(感谢)

只要单击Galleria的选项卡,我就会强制重新加载页面,如下所示:

tabName = 'jp_images';
jQuery('#jp_nav a[href="#'+tabName+'"]').click(function() { if (location.hash == '') location.replace(location.href+'/#'+tabName); });
在此之后,我可以使用常规的旧Galleria插件初始化

诚然,这有点脏,但在截止日期前,这是一个简单而快速的解决方法

tabName = 'jp_images';
jQuery('#jp_nav a[href="#'+tabName+'"]').click(function() { if (location.hash == '') location.replace(location.href+'/#'+tabName); });