Question

不确定这是问这个问题的地方，但我来了。

现在，如果我点击源链接，它会在URL中显示英镑符号如何阻止英镑符号显示在URL中？有人可以向我展示我需要对我的jQuery或HTML代码做出哪些更改？

这是HTML：

<li><label for="tutorial-summary">Tutorial Summary: <a href="#" class="code-editor">source</a> <a href="#" class="text-editor">wysiwyg</a></label></li>         
<li><textarea rows="10" cols="20" name="summary" id="tutorial-summary"></textarea></li>

这是jQuery：

$(document).ready(function() {
    $('.code-editor').click(function(){
        $('#tutorial-content').ckeditorGet().destroy();
        return false;
    });
});

Answer 1

如果可能，您可以将JavaScript void（）函数添加到每个链接

<a href="javascript:void(0);" class="code-editor">source</a>

我测试了Rich Answer。

$(document).ready(function() {
    $('.code-editor').click(function(event){
        $('#tutorial-content').ckeditorGet().destroy();
        event.preventDefault(event);
    });
});

由于某些原因，我仍然在网址中得到哈希标志，我希望我的答案有所帮助。

Answer 2

删除属性href="#"并调整样式表，使<a>元素具有所需的外观（删除属性可防止其获取链接样式，但您可以指定下划线，蓝色，手形光标等等，如果你想要的话）。

通过“英镑符号”，你可能意味着数字符号“＃”（在古董设备上可能看起来像“£”）。它出现在URL中，因为您有一个带有相对URL引用“＃”的链接，所以只是不要使用链接 - 现代浏览器将<a>元素视为可点击，即使它不是链接。

Answer 3

您没有停止功能中的点击事件。将以下行添加到单击函数处理程序的顶部或底部，您就可以了。

$(document).ready(function() {
    $('.code-editor').click(function(event){
        $('#tutorial-content').ckeditorGet().destroy();
        event.preventDefault(event);
    });
});

Answer 4

以下是如何使用JQuery方法event.preventDefault();我测试了它并且它可以工作。我希望它适合你。

$(document).ready(function() {
    $('.code-editor').click(function(event){
        event.preventDefault();
        $('#tutorial-content').ckeditorGet().destroy();
    });
});

单击链接时，磅符号会显示在我的URL中

4 个答案: