如何將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">