Image linking and lightbox

时间:2017-07-08 作者:dajza bata

我有一个问题,我很长一段时间都无法解决。我正在使用Expositio主题构建一个投资组合网站。单击时,我需要在lightbox中打开所有图片,但当我单击图像时,它会将我带到新选项卡中的媒体文件。我可以看到灯箱工作了一秒钟,然后它跳转到上传图像的链接上(http://localhost/wordpress/wp-content/uploads/2017/05/otherwork1d.jpg)

我需要禁用,这样灯箱才可见。如果有人能帮助我,我将不胜感激。

Dule。

1 个回复
最合适的回答,由SO网友:dbeja 整理而成

所以,问题是,在Expositio主题上,他们添加了一些jQuery代码all 链接,如果您没有关闭移动菜单,在可配置的秒数(默认为1秒)后,只需将站点重定向到链接url。

如果转到js/functions的第260行。js您会发现:

$(\'a\').on(\'click\', function(e) {
    e.preventDefault();
    var _this = $(this);
    // close mobile menu if it\'s open, redirect otherwise
    if (_body.hasClass(\'toggled-on\') && _this.parents(\'#page\').length == 1
        && _this.parents(\'#primary-navigation\').length == 0
    ) {
        load_effect.menuOff();
    } else {
        load_effect.loader.show();
        var href = $(this).attr(\'href\');
        $(\'.site\').css(\'opacity\', 0);
        setTimeout(function() {
            window.location = href;
        }, load_effect.duration);
    }
});
我认为最好的解决方案是创建一个子主题,将该脚本出列,并将脚本副本放入队列,而不必重定向:

<?php
// hook in late to make sure the parent theme\'s registration 
// has fired so you can undo it. Otherwise the parent will simply
// enqueue its script anyway.
add_action(\'wp_enqueue_scripts\', \'override_functions_script\', 100);
function override_functions_script()
{
    wp_dequeue_script(\'expositio-script\');
    wp_enqueue_script(\'child-expositio-script\', get_stylesheet_directory_uri().\'/js/functions.js\', array(\'jquery\'));
}
和你的孩子的功能。js,如果链接没有fancybox类,则只能重定向页面:

$(\'a\').on(\'click\', function(e) {
    e.preventDefault();
    var _this = $(this);
    // close mobile menu if it\'s open, redirect otherwise
    if (_body.hasClass(\'toggled-on\') && _this.parents(\'#page\').length == 1
        && _this.parents(\'#primary-navigation\').length == 0
    ) {
        load_effect.menuOff();
    } else {
        load_effect.loader.show();
        var href = $(this).attr(\'href\');
        $(\'.site\').css(\'opacity\', 0);
        if(!_this.hasClass(\'fancybox\')) {  // only redirect if it doesn\'t have fancybox class
            setTimeout(function() {
                window.location = href;
            }, load_effect.duration);
        }
    }
});
此外,最好向主题开发人员报告这一点,因为他们不应该在如此通用的规则上使用这些代码。

结束

相关推荐

Issue uploading images

我从来没有遇到过图像问题,但现在新上传的图像突然显示出损坏的图像图标,当我继续插入它时,我在帖子中看到了损坏的图像。以下是屏幕截图:Issue details:1) 前端上的图像不显示为内联图像,它们仅显示为附件。2) 此问题仅在主站点上存在,所有子站点上的图像都可以正常工作I tried to resolve the issue by doing following things with no success:1) 切换回默认主题2)禁用所有插件以查看if3)试图重置永久链接时出现冲突有人能帮忙吗?P