2015-07-28 63 views
0

我已经安装了WHMCS,我正在使用这个模板,我在这里和那里都有所改变。但是,我想添加一个模式窗口,我需要添加一个href =“”链接。问题是我希望href只是#modal1,因为它会自动将www.youdomain.com/whmcs/添加到此链接。我不知道这是从哪里发生的。我查看了whmcs的htaccess,并没有任何内容。无论如何,我可以使用一个href,而不会被预先考虑到whmcs模板?请帮忙。提前致谢。自动获取到href链接的域名

+0

你说“这个模板”,但没有提供模板名称或链接。当您查看源代码时,您是否看到www.yourdomain.com/whmcs/或空链接。可能是你编辑错误的文件?如果你提供了一个链接到页面,这将是非常好的。 – wesamly

+0

http://www.shade6.com/client/cart.php?gid=3在此链接上,您会找到一个链接来比较所有产品。我刚刚用jQuery使用preventDefault方法完成了它。但有没有办法可以覆盖任何默认情况下会导致所有超链接追加路径的设置? –

+0

很高兴你的工作。关于href,它没有添加任何东西。如果您查看源代码并检查比较产品链接的href,您会看到href =“”,这意味着它是空白的,如果您单击该链接(没有preventDefault),它会将您重定向到包含当前文件的目录6 .COM /客户/。您可以手动编辑并添加href =“#modal1”。 – wesamly

回答

1

您正在使用bootstrap3模式,但未指定某些重要的数据属性。我检查了你的代码,并将缺少的数据属性应用于模态,通过引导程序自动初始化,并且按预期工作。

对于模态div,将data-dismiss="modal"添加到关闭按钮的一个元素。这将通过添加任何自定义代码来关闭模式。

对于“比较产品”链接,添加产品的HREF链接,添加数据切换,并添加数据目标,下面给出:

<a href="http://www.shade6.com/hosting/sslcertificate.html" class="sslcert" data-toggle="modal" data-target="#modal1">Click to compare all products</a> 

此外,删除(或意见)的您添加的自定义代码使链接和关闭按钮有效。

有关如何使用模态的更多信息,请检查bootsrtap documentation

+0

嘿,谢谢。这工作。但是,我实际上并没有使用bootstrap模式。我正在使用不同的模式。但是使用这种数据切换技术是可行的。 –

+0

@PankajLohia请接受答案。 – wesamly

+0

我该怎么做?我尝试点击向上箭头,但它表示它会反映出我在交叉15分后的变化。 –