Question

修改：这解决了我的问题https://stackoverflow.com/a/12128784/1162817

我在这个Bootstrap popover中使用了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>">

联系

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

1 个答案: