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 references

<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">

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

2 个答案: