在其他页面上无法正常工作

9 浏览
0 Comments

在其他页面上无法正常工作

这是第一个能够正常工作的a href=''代码的页面。

moneypro.online/website-design

            
               

网站设计

一个企业从一个想法开始,一个在线身份从一个设计概念开始。在Euro ITS,我们倾听客户的业务目标,并将其融入我们的设计中。结合我们对数字营销的知识,我们的网站设计具有以下特点:

响应式

以用户为导向

搜索引擎就绪

这是另一个页面,a href=''代码无法正常工作。

moneypro.online/services

 
                                        

网站设计

一个企业从一个想法开始,一个在线身份从一个设计概念开始。在Euro ITS,我们倾听客户的业务目标,并将其融入我们的设计中。结合我们对数字营销的知识,我们的网站设计具有以下特点:

响应式

以用户为导向

搜索引擎就绪

预约 询问 定价

它们完全相同,我不知道为什么另一个页面不能正常工作。这是它的在线网站示例:

在线示例

请有人给我解释一下。

0
0 Comments

原因:添加了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存在。

0
0 Comments

从以上内容中,我们可以得出以下结论:

问题的原因是在其他页面上,href的链接没有相应的锚点(anchor),而锚点应该是一个name或id属性,并且必须在页面中存在。

解决方法是确保在其他页面上的href链接中,有相应的锚点存在,并且锚点的名称或id属性与href链接匹配。

以下是整理的文章:

每个href元素都需要相应的锚点,该锚点应该是一个name或id属性,并且必须在页面中匹配/存在。这个例子通过w3schools展示了一个良好的href的实践方法。

你连例子页面都没有尝试检查,对吗?你的答案对这个问题无效。

从提供的源代码中,我无法看到正确的锚点使用/正确使用href。所以,我假设它在moneypro.online/website-design中起作用是因为一些未被Kevin Macandili显示的服务器端代码。

0