jquery - Royalslider 宽度问题

Question

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

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

有什么帮助吗？我尝试用 inspect element 对其进行解剖，但它似乎可能是一个 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>

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