元素只能在特定的地方选择

Question

我有以下hiperlink

<a href="courses.html"><i class="fa fa-thumbs-up icon_1" style="font-size: 20px; transition: color 0.2s ease 0s, border-color 0.2s ease 0s, background-color 0.2s ease 0s; min-height: 0px; min-width: 0px; line-height: 20px; border-width: 0px 2px 0px 0px; margin: 0px; padding:0px 10px 0 0; letter-spacing: 0px;"></i>Test Text</a>

因为它可以看到它指向我的应用程序内的另一个页面。问题在于网站的移动版本 - 响应一个＆＃34; - 只有当用户点击＆＃34;按钮＆＃34;的开头时才会发生重定向。例如，如果我在测试和文本之间单击或在文本结束时单词重定向根本不会发生。

我尝试添加ID并使用Jquery捕获click事件，并删除元素在照片上的图标：

<a id="TestClick" href="courses">Test Text</a>

$("#TestClick").click(function () {
    console.log("BLA BALDS:LAD:LA")
});

再次没有运气，必须在文本的开头点击元素才能检测到点击事件

我尝试使用和不使用href =＆＃34;课程＆＃34;在里面＆＃34; a＆＃34;标签。我想提一下，问题只发生在移动设备上使用页面并且谷歌Chrome的切换设备工具开启时。我想解决这个问题，因为我真的很烦恼用户点击一下＆＃34;按钮＆＃34;

Answer 1

将 放在每个空格字符的位置。像这样的东西：

<a id="TestClick" href="courses">Test&nbsp;Text</a>