如何将href回应到可编辑的div

Question

我正在尝试将链接回显到可编辑的div中。 这由JQuery处理，然后传递到html文件。 在PHP脚本中回显

echo "<a href='Olliff_index.html'>Return to Main Menu</a>";

收到者

var formData = $('#billingForm,#videoForm').serializeArray();
        $.post('Olliff_receipt.php', formData, function(data) {
            $('div#Wrapper').empty().append(data);
        });

div＃Wrapper参考

<div id="Wrapper" contenteditable="true">
        <div id="form">
        <h3>Bob's Order Form</h3>
        <p>Please Select a Department</p>
        <br />
        <form id="videoForm">
            <div id="header" contenteditable="true" align="center"></div>
            <div style="height:200px;overflow:auto;" id="department" contenteditable="true"></div>
            <br />
            <input type="button" id="submit" value="Submit"/> <input type="button" id="reset" value="Reset"/>
            <div id="msg" contenteditable="true"></div>
        </form>
        </div>
    </div>

结果是文本“返回主菜单”，它似乎是一个链接（带下划线的蓝色字体），但不可单击。 我不确定一些额外的信息是否相关，因为这都是在Olliff_index.html中进行的，因此href链接到了它所在的文件，但这没关系吧？

Answer 1

在您的js中，尝试添加以下内容：

var formData = $('#billingForm,#videoForm').serializeArray();
    $.post('Olliff_receipt.php', formData, function(data) {
        $('div#Wrapper').empty().append(data);
        $('div#Wrapper').removeAttr('contenteditable'); //new line
    });

进行此更改后，您的href将可以点击

Answer 2

这是由于属性：

contenteditable="true"

在里面

<div id="Wrapper" contenteditable="true">