Plone 中的 Galleria 动态 Javascript/jQuery 问题答案

【问题标题】：Galleria dynamic Javascript/jQuery issue in PlonePlone 中的 Galleria 动态 Javascript/jQuery 问题
【发布时间】：2013-03-04 13:08:02
【问题描述】：

所以这就是交易。我在 plone 中的真正画廊遇到了很多麻烦，所以我买了带有十二主题的 Galleria 幻灯片。我做了正常的事情来运行 Galleria，但现在出现了问题。

这是 HTML 部分：

<div id="content"> 
    <!-- GALLERIA -->
    <div id="galleria">
    </div>
    <!-- /GALLERIA -->
</div>

根据这条规则，我会抓取所有带有图片的链接并将它们放入我的 Galleria DIV：

<replace css:content=".item a" css:theme-children="#galleria" />

所以这是这个操作的结果：

<!-- GALLERIA -->
    <div id="galleria">
        <a href="...">
            <img src="..." />
        </a>
        <a href="...">
            <img src="..." />
        </a>
        <a href="...">
            <img src="..." />
        </a>
    </div>
<!-- /GALLERIA -->

所以这就是问题所在。虽然来自 Galleria 的所有 js 和 css 文件都已成功加载，但没有任何反应。 Galleria 应该在图像周围放置一些 div 以创建幻灯片。

Javascript 已打开。 jQuery 正在运行。

有没有人知道为什么这在 plone 中不起作用？

编辑：Chrome 在他的控制台中删除此错误消息：

Uncaught SyntaxError: Invalid regular expression: /http://localhost:8080/lox/home/++theme++lox.responsive/galleria/themes/twelve/galleria.twelve.css/: Nothing to repeat galleria-1.2.9.js:847
(anonymous function) galleria-1.2.9.js:847
jQuery.extend.each jquery.js:648
jQuery.fn.jQuery.each jquery.js:270
Utils.loadCSS galleria-1.2.9.js:846
(anonymous function)

【问题讨论】：

plonetruegallery 遇到了什么问题？我是作者，并且和其他人一样成功地将它用于许多项目。
其他：控制台有js错误吗？用于启动画廊的 Galleria js 代码在哪里？你用的是什么css？您确定正确引用了广场资源吗？ Galleria 要求您在某处定义画廊容器的高度。是你做的吗？如果您提供一个示例站点来显示它不工作的地方，或者粘贴您用来连接 Galleria 的代码，将会有所帮助。
我遇到的问题是客户想要在他的 Galleria 幻灯片放映中使用十二个主题。我没有找到如何为 plonetruegallery 实施新主题。然后我想自己编写代码，但是做一些快速的更改太复杂了。所以我决定将幻灯片静态放入我的克隆主题的索引站点中。但什么也没有发生。我将尽快进行新的扩建并发布该网站的链接。
查看collective.ptg.galleria。自定义画廊非常简单。
从 js 错误，它无法加载主题 css 文件，这就是它失败的原因。

标签： javascript slider plone galleria theming

【解决方案1】：

转动这个：

$('link[rel=stylesheet]').each(function() {
    if ( new RegExp( href ).test( this.href ) ) {
        link = this;
        return false;
    }
    return false;
});

进入这个：

$('link[rel=stylesheet]').each(function() {
    /*if ( new RegExp( href ).test( this.href ) ) {
        link = this;
        return false;
    }*/
    return false;
});

达成交易。 :)

【讨论】：

您有幸接受您的回答吗？这会很酷，以便更好地区分已回答和未回答的任务，TIA。