jquery - 使用 jQuery 时,我是否被迫使用 href ="#"?

标签 jquery html css

所以我写了一小段使用 .toggleTrigger 和 rel 属性来切换其他元素的 jQuery。

我遇到的第一个问题是,当我使用按钮标签时,它会打开,然后立即关闭。如果我使用 anchor 标记,效果很好。

第二个问题是,如果我向下滚动页面并点击 anchor 标记以切换其下方的内容,由于 href="#",它会将我带回到页面顶部属性。

我知道这些一定是新手问题,但我就是不知道如何解决它们。

有人可以帮忙吗?

我的 href 应该指向像 href="#divThatWillBeToggled" 这样的东西吗?

我是否被迫使用 <a> toggleTrigger 的标签? 我不能使用 <button>标签?

编辑(对不起,我是新来的编程人员)

<a href="#" class="toggleTrigger">This is my Toggle Trigger</a>
<div class="toggle">This is info that is hidden and waiting to be toggled by the trigger</div>
信息隐藏并等待切换

最佳答案

href 属性必须包含在 W3C 标准定义的 anchor 标记中。但是,您不必使用 href="#'。您也可以使用 href="javascript:void(0)"

或者,如果您不关心标准,您可以省略href,但是您的光标不会像普通超链接那样变成指针。您需要在 anchor 的 CSS 中使用 cursor:pointer

关于jquery - 使用 jQuery 时,我是否被迫使用 href ="#"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5197151/

相关文章:

css - 添加固定的背景附件会降低图像的高度

Jquery POST 在 spring mvc 中给出 403 禁止错误

javascript - 如何在网页上水平滚动时为列表项或 div 元素设置动画?

html - 非 JS youtube 弹出窗口(纯 html?)

javascript - 带有 JS 处理程序的按钮不提交表单

html - 无法使顶部导航栏全宽

html - 发生奇怪的 css 溢出效果

jquery - 如何使 jquery Accordion 在选择时不改变颜色而不消除悬停的可能性

jquery - 布局适用于 jsfiddle,不适用于浏览器

javascript - 如何在 div 中显示表单的结果?