jquery - Royalslider 宽度问题

Question

我正在尝试使用 .toggleSlide 将 Royalslider 放入 div 中。 但是一旦我打开幻灯片，幻灯片只有 100 像素宽。这是一个屏幕截图，您可以看到红色。我在 css 中也有 100% 的属性。

这是我的网站：http ://adl.clemenger.com.au/adamexperiment/Responsive%20Adam%20Web/home_11.html 单击其中一个彩色框，jquery 应该会在其上方弹出一个 div。

有什么帮助吗？我尝试使用检查元素对其进行剖析，但它似乎可能是一个 javascript 问题，但我不确定。如果您缩小浏览器窗口然后重新打开它，它会显示它应该是怎样的。这很奇怪。

干杯

Answer 1

我在您的源代码中看到了以下脚本

<!---Autoscroll--->
<script type="text/javascript">
var $root = $('html, body');
$('a').click(function() {
    $root.animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
Uncaught TypeError: Cannot read property 'top' of undefined (repeated 5 times)
    }, 500);
    return false;
});
</script>

每当我单击滑块下方的链接时，它都会触发上面的处理程序，但是scrollTop: $( $.attr(this, 'href') ).offset()您undefined无法检索该top属性，并且每次单击该链接时都会出现错误，请再次检查该逻辑。