2016-01-08 55 views
1

好吧,这一个让我困惑地狱(我花了几个小时试图找出它),所以我希望也许一个新的眼睛可能能够发现罪魁祸首更容易比我能。问题与jQuery图像调整大小,以适应模态

有问题的网页是在这里:http://centerpointesigns.com/dev/portfolio/

转到桌面上该网页,打开GLA大楼链接(下划线)。

您会看到该图库(使用名为Envira Gallery for WordPress的插件)超级超级微小,我知道这是因为它无法确定它所在模式的大小(这是一个插件称为Easy Modal for WordPress)。

我已经添加以下代码到functions.js文件假定它会解决这个问题,但没有运气吸:

// Prevent resizing of Envira Galleries with Easy Modal plugin 
$('.emodal').on('emodalBeforeOpen', function() { 
$(window).triggerHandler("resize"); 
}); 

上,我做错了什么在这里有什么想法?看起来应该很容易,我必须忽略一些明显的东西。

+0

是的,如果您打开浏览器的大小,它们确实具有所需的大小。 – DigitalSky

回答

0

有一个错误:“遗漏的类型错误:$不是一个函数”在functions.js,线路56

我的jQuery代替$,和您的画廊现在看起来不错:-)

jQuery('.emodal').on('emodalBeforeOpen', function() { 
    jQuery(window).triggerHandler("resize"); 
}); 
+0

这个伎俩!直到你指出来,我甚至都没有明白。 – DigitalSky

+0

奥卡姆剃刀的典型例子是最好的。太感谢了!我会尽快接受你的回答。它说我必须等3分钟。 – DigitalSky

+0

不客气:-) –