jquery - 单击按钮时 HTML jQuery 更改段落

标签 jquery html css button onclick

我正在制作一个简单的网站,它有一个主文本窗口,上面只有文本。我想要主页、关于、联系等按钮。现在,我不想制作 about.html、contact.html 等,但我宁愿只更改文本而不加载新页面? (所以感觉更顺滑)。

所以我用适合每个页面(主页、关于等)的文本制作了几个段落,现在有办法解决我要问你的问题吗?只需单击按钮即可更改段落?或者是否有任何简单的方法可以在不为每个页面制作 .html 文件的情况下执行此操作?

提前致谢。

最佳答案

您可能想查看 jQuery UI tabs插件,如果您将内容置于内联状态,它将完全按照您的意愿行事。或者,您可以拥有单独的内容文件,但使用相同的插件通过 AJAX 加载它们。即使您决定不使用该插件,您也可以通过类似的技术实现相同的效果,即在页面加载时隐藏除主要“选项卡”之外的所有内容,然后在 div 上使用 anchor 并在按钮上使用合适的 href 来确定哪个要显示的标签。

jQuery UI accordion是另一种处理每页多个内容部分的方法。

关于jquery - 单击按钮时 HTML jQuery 更改段落,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13983582/

相关文章:

javascript - 当布料对象在 Canvas 中移动时滚动 div

jquery - 简单的 JQuery .fadeIn 事件在我的浏览器上无法正常工作

javascript - 我如何将循环中的每个结果附加到他自己的幻灯片 jQuery Bootstrap 轮播中?

python - 如何在Plone中注入(inject)模板代码?

javascript - 在文档准备好图像源后使用 JQuery 居中图像

css - GWT VerticalPanel 对齐问题

javascript - 我需要一个脚本来在开关按钮打开时复制 <img> 标签,并在开关按钮关闭时删除 <img> 标签

javascript - 固定标题需要透明度

html - 文本区域充满空白

html - Cufon 字体不工作。有人请指教吗?