单击链接时，我的URL中会显示井号

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);
    });
});

由于某些原因，我仍然在url中得到了散列符号，我希望我的答案能有所帮助。

Answer 2

删除属性href="#"并调整样式表，使<a>元素具有所需的外观(删除属性会阻止它获得链接样式，但如果需要，您可以指定下划线、蓝色、手形光标等)。

这里的“井号”大概指的是数字符号“#”(在古董设备上可能看起来像“on”)。它出现在URL中是因为您有一个带有相对URL引用“#”的链接，所以不要使用链接-现代浏览器将<a>元素视为可点击的元素，即使它不是链接。

Answer 3

您不会停止函数中的click事件。将下面这一行添加到单击函数处理程序的顶部或底部，就可以了。

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