登录 注册

登录

已解决 自定义HTML写的按钮 href 部分填写的链接无效

更多
2016年08月30日 23:40 - 2016年08月30日 23:42 #1 作者: likunzhou
白老师,你好
我用JA resume模板 在首页做了一个自定义HTML模块 ,里面是几个彩色的按钮,每个按钮都带有下拉式菜单,首页地址:http://zhw.perview.cc/
这个模块的代码是参考着模板 typography页面 的源码写出来的。
现在的问题是,这些按钮,无论是主按钮还是他的下拉菜单项,我填写在href的网址点击都无反应(关闭SEF问题依旧),但是鼠标放在按钮上浏览器最下方状态栏能显示正确的网址。
我测试过使用Joomla的自带的protostar模板,但问题依旧,似乎不是模板的问题。PS:href="#"时,点击网页会刷新一下,似乎能正确工作
请指教问题出在了哪里
谢谢!
最后修改: 2016年08月30日 23:42 由 likunzhou.

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年08月31日 12:28 #2 作者: Joomla之门
我用 Chrome 浏览器的“开发者工具”检查你那个模块里面的链接,发现在点击链接时,浏览器探测到 JS 冲突:

jquery.min.js:2
Uncaught Error: Syntax error, unrecognized expression: index.php/info-menu/post-a-house

jquery.min.js:2
Uncaught Error: Syntax error, unrecognized expression: index.php/info-menu/find-a-house

jquery.min.js:2
Uncaught Error: Syntax error, unrecognized expression: index.php/info-menu/post-a-house


根据上述出错消息,可知发生问题的是 jquery.min.js 这个文件的第 2 行。

建议你安装 jQuery Easy 来处理 JS 冲突。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年08月31日 16:38 #3 作者: likunzhou
我已经安装了jQuery Easy 的最新版本,并组合使用了多个jQuery版本来测试,但是仍然没有效果,相同的错误提示

请白老师帮我看一下吧:pinch: :( :'(

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年08月31日 21:38 #4 作者: Joomla之门
我对于解决 JS 冲突确实没有足够的能力。但是我觉得完全可以改变思路,换用 Joomla 的菜单模块来实现你那个弹出菜单 —— 你用“自定义 HTML”模块实现的不就是个菜单么?

因此,我刚才在你网站安装了 Maxi Menu CK 这个弹出菜单模块,创建了一个弹出菜单,测试工作正常。而且,即使我禁用了 jQuery Easy 插件,这个菜单依然正常工作。

接下来,你可以通过修改 CSS,使得这个弹出菜单的尺寸、颜色等符合你的要求。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年09月01日 09:09 #5 作者: likunzhou
白老师,

我昨晚一直在研究这个问题,似乎不是JS的问题,从错误提示来看 不知道是什么使用了jQuery弃用的功能。代码毕竟使用的 typography页面的源码做的,应该不会有问题,所以我怀疑是他们typography里的源码有问题,我把typography里的源码全部复制进自定义HTML模块,并把所有的href="#"换成一个href="index/......"这样的地址,结果发现带有下拉菜单的按钮中,class="nav nav-tabs" 下的下拉菜单的链接都不好用,class="nav nav-pills nav-stacked"下的就没问题,我把这些"nav nav-tabs"的class全换成"nav nav-pills nav-stacked"然后问题都解决了!看来问题应该是什么东西针对class="nav nav-tabs"写的不对造成的

唉,折腾一晚上,总算解决了,强迫症伤不起啊,有问题找不到原因心里怎样都无法跳过,可能是读博养成的习惯吧
下列用户已致谢:: Joomla之门

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年09月01日 12:19 #6 作者: Joomla之门
恭喜你找到了 CSS 类的解决方案!

不过,还是建议你使用菜单模块比较方便,手工添加容易出错,而菜单模块可以通过“菜单别名”方式指向已存在的菜单项目,方便以后随时修改。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论