javascript - 在 Bootstrap 元素选项内的引号内使用引号

Question

编辑:这解决了我的问题 https://stackoverflow.com/a/12128784/1162817

我在这个 Bootstrap 弹出窗口中使用 html，但我卡住了。我不能在 onclick 中使用引号或单引号，因为它会关闭错误的内容。我怎样才能绕过它？

<a href="#" data-toggle="popover" data-placement="bottom" data-html="true" data-content="
    <div class='div-social-icons'>
        <ul>
        <div onclick='location.href="link.html"' class='social-icons icon-facebook'></div>
        <li class='social-icons icon-youtube'></li>
        <li class='social-icons icon-vimeo'></li>
        <li class='social-icons icon-instagram'></li>
        </ul>
    </div>
    <div id='div-form'>
        <form action='mail.php' method='post'>
        <input type='email' name='email' placeholder='email'>
        <textarea style='font-size: 12px;padding: 10px;width: 100%;' rows='4' cols='66' name='msg' placeholder='mensagem'></textarea><br>
        <input type='reset' value='reset'>
        <input type='submit' name='Submit' value='send'>
        </form>
    </div>
    </div>">
Contact</a>

Answer 1

这可能并不适用于所有情况，但在这种情况下，您可以删除 link.html 周围的双引号，它将起作用(注意:HTML5 中不需要引号；有关更多信息，请参阅 this 问题) .

<a href="#" data-toggle="popover" data-placement="bottom" data-html="true" data-content="
<div class='div-social-icons'>
    <ul>
    <div onclick='location.href=link.html' class='social-icons icon-facebook'></div>
    <li class='social-icons icon-youtube'></li>
    <li class='social-icons icon-vimeo'></li>
    <li class='social-icons icon-instagram'></li>
    </ul>
</div>
<div id='div-form'>
    <form action='mail.php' method='post'>
    <input type='email' name='email' placeholder='email'>
    <textarea style='font-size: 12px;padding: 10px;width: 100%;' rows='4' cols='66' name='msg' placeholder='mensagem'></textarea><br>
    <input type='reset' value='reset'>
    <input type='submit' name='Submit' value='send'>
    </form>
</div>
</div>">

联系方式