0

我有一个盒子，里面有两张桌子，左右。

左侧很好，但右侧包含一个表格，我需要在页面加载时隐藏该表格，直到用户输入密码，此时 DIV 将被切换。

使用 jquery 最基本的用法，我有这个作为脚本：

<script type="text/javascript">

$('#pwd').on('keyup', function() {

$('#right').toggle(this.value.trim().toLowerCase() == 'access');
});
</script>

Inline CSS:
<style type="text/css">
#right {display:none;}
</style>

从那里我有一个只有一个密码字段的表单。输入密码后，DIV 中 ID 为“right”的所有内容都会切换显示。

我的问题是，在右表中，当我使用 ID 为“right”的 DIV 时，内容溢出被隐藏并且（自定义 jQuery）滚动条中断。

主 CSS 文件中有一个使用“right”的类条目，但在任何地方都不再使用，所以我将其注释掉。

我已经尝试了 CSS 属性的所有不同配置，但没有任何东西可以破坏滚动条。

值得一提的是，“右”DIV 内还有另一个 jQuery 对象，滚动条也是 jQuery cScroll 插件。

4

3 回答 3

0

试一试，自从您上次对我发表评论以来，这可能就是您所缺少的

 <script type="text/javascript">
 $(document).ready(function () {

    $('#right').hide();
    $('#pwd').on('keyup', function() {
        $('#right').toggle(this.value.trim().toLowerCase() == 'access');
    });
});
</script>


<style type="text/css">
#right {display:none;overflow:auto;}
</style>
于 2013-07-12T04:40:53.073 回答
0

您是否考虑过仅获取输入的值？

<script type="text/javascript">
 $(document).ready(function () {

    $('#right').hide();
    $('#pwd').on('keyup', function() {
        if($('#pwd').val()=='access'){
         $('#right').show();
        }
        else{
         $('#right').hide();
        }        
    });
});
</script>
于 2013-07-12T05:58:27.790 回答
0

经过大量测试和故障排除后，问题被隔离到我第一次构建页面时使用的 jQuery 滚动条。这个滚动条基于 jQuery 库 1.3。

自从添加了滚动条之后，我已经实现了一些其他的 jQuery 脚本，其中使用率最高的库是 1.7。

在将我的 jQuery 更新到 1.9 并为旧插件添加 jQuery 迁移后，滚动条在与 DIV“显示/隐藏”一起使用时出现故障。

我更改了 jQuery 滚动条，我最初发布的问题消失了。新的滚动条是简单而吸引人的EnScroll。

@Prospector，感谢您为解决这个问题提供的所有帮助。

于 2013-07-13T23:25:00.083 回答