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

Use quotes within quotes inside Bootstrap element options

本文关键字：Bootstrap 元素 选项      更新时间：2023-09-26

编辑：这解决了我的问题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>

这可能不适用于所有情况，但在这种情况下，您可以删除link.html周围的双引号，它就会起作用（注意：HTML5中不需要引号；有关更多信息，请参阅此问题）。

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

联系

相关文章：