关于jquery tabSlideOut插件的使用

Posted 2023-02-23

【中文标题】关于jquery tabSlideOut插件的使用

【英文标题】：Regarding the usage of jquery tabSlideOut plugin

【发布时间】：2013-10-07 13:12:26

【问题描述】：

我正在为我们的网站使用 jquery tabSlideOut 插件，它工作正常。这是一些你可以看到它工作正常的网址

http://www.bba-reman.com/ http://www.bba-reman.com/content.aspx?content=how_to_contact_bba_reman_it

但是当您访问此页面http://www.bba-reman.com/catalogue/Register.aspx 时，您会注意到 UI 混乱。 这是屏幕截图

所以请查看我的页面并告诉我我在哪里犯了导致此问题的错误。请指导我需要修改的内容。谢谢

【参考方案1】：

在注册页面中，您的输入字段比网站的其他部分要长。根据元素检查器，register.aspx 中有一行 CSS：input[type=text], input[type=password] width: 300px;。此规则是通用的，会影响页面上的所有输入字段，包括注册表单中的输入字段和滑出选项卡中的输入字段。

选项是：

删除该规则。该选项卡看起来没问题，但注册表单中的输入字段看起来不对齐。 使用更具体的 CSS 规则仅影响注册表单中的输入字段：#Register input[type=text] width: 300px;

作为旁注，我建议避免使用内联和文件内 CSS，这会使一切变得混乱。

【讨论】：

不太清楚你想说什么。你能帮我理解我需要在页面中改变什么吗？谢谢

我做了一些修改。我希望这有帮助。在您的文件中查找代码。