在其他页面上无法正常工作
在其他页面上无法正常工作
这是第一个能够正常工作的a href=''
代码的页面。
moneypro.online/website-design
网站设计
一个企业从一个想法开始,一个在线身份从一个设计概念开始。在Euro ITS,我们倾听客户的业务目标,并将其融入我们的设计中。结合我们对数字营销的知识,我们的网站设计具有以下特点:响应式
以用户为导向
搜索引擎就绪
这是另一个页面,a href=''
代码无法正常工作。
moneypro.online/services
网站设计
一个企业从一个想法开始,一个在线身份从一个设计概念开始。在Euro ITS,我们倾听客户的业务目标,并将其融入我们的设计中。结合我们对数字营销的知识,我们的网站设计具有以下特点:响应式
以用户为导向
搜索引擎就绪
预约 询问 定价
它们完全相同,我不知道为什么另一个页面不能正常工作。这是它的在线网站示例:
请有人给我解释一下。
原因:添加了class属性为btn的标签,导致浏览器将其误认为是一个按钮,因此忽略了href属性。
解决方法:从标签中移除class属性,这样可以解决问题。另外,还有可能是存在JavaScript冲突导致点击事件无效,可以尝试使用JavaScript的onclick事件来解决。
文章整理如下:
在这里,我来解释一下两者之间的区别:
工作正常的代码如下所示:
<a href="/contact">
<button type="button" class="btn btn-success btn-block">
Appointment
</button>
</a>
不工作的代码如下所示:
<a href="/contact" class="btn btn-success btn-block" role="button">
Appointment
</a>
你在"a"标签中添加了class为btn的属性,浏览器以为这是一个按钮,因此忽略了href属性。
我尝试在两个页面上都使用工作正常的代码,但另一个页面仍然不起作用。我猜这可能是由于JavaScript冲突引起的问题。
嗯,这很奇怪。我看到两个页面都存在相同的JavaScript冲突。
我想我会尝试使用JavaScript的onclick事件。但是我对此感到很沮丧,因为这样做不够干净,对吗?
是的,你说得对,在这种情况下不应该使用这种方法。尝试从a标签中删除class属性。
你是什么意思删除标签?
抱歉,我是指从a标签中删除class属性。
我认为可能有某个东西阻止了点击事件。
是的,实际上确实有。所以我只是这样做:<a href="/contact" target="_blank"><button type="button" class="btn btn-success btn-block" id = "website-design-check" onclick = "linkPageContact()">Appointment</button></a>
,并在JavaScript中添加了function linkPageContact(){ window.location.href = "/contact"; }
。我真的不知道为什么会有一个阻止href的JavaScript存在。
从以上内容中,我们可以得出以下结论:
问题的原因是在其他页面上,href
的链接没有相应的锚点(anchor),而锚点应该是一个name或id属性,并且必须在页面中存在。
解决方法是确保在其他页面上的href
链接中,有相应的锚点存在,并且锚点的名称或id属性与href
链接匹配。
以下是整理的文章:
每个href
元素都需要相应的锚点,该锚点应该是一个name或id属性,并且必须在页面中匹配/存在。这个例子通过w3schools展示了一个良好的href
的实践方法。
你连例子页面都没有尝试检查,对吗?你的答案对这个问题无效。
从提供的源代码中,我无法看到正确的锚点使用/正确使用href
。所以,我假设它在moneypro.online/website-design
中起作用是因为一些未被Kevin Macandili显示的服务器端代码。