首页 > 解决方案 > 带有 Bootstrap 弹出框的 PHP 不呈现按钮和表单

问题描述

Bootstrap 弹出框不显示按钮和表单标签。除按钮和表单外,所有标记都可以正常工作:

应用程序和控制台的屏幕截图

echo '<div class="shopping-cart-summary">';
   echo '<div class="shopping-cart-total">';
      echo '<b>Razem: '.$total.'$</b>';
   echo '</div>';
   echo '<div class="summarize-buttons">';
      echo '<button class="btn btn-danger">Wyczyść</button>';
      echo '<a href="buy.php" class="btn btn-warning">Kup</a>';
   echo '</div>';
echo '</div>';

<a>标签有效,按钮无效。不幸的是,我需要在那里有按钮,所以我可以发布表格。

我已经尝试将内容移动到单独的、不可见的 div 中,然后在创建弹出框时指向它:

$('#shoppingCart').popover({
    html: true,
    content: function() { return $('#popover-content').html() }
});

没用,效果是一样的。

它根本不会呈现这些标签,没有任何错误。放入body部分时,php代码工作得很好。

标签: phptwitter-bootstrapformsserver-side-renderingbootstrap-popover

解决方案


我自己遇到了这个问题,并在文档中找到了这个。

工具提示和弹出框使用 javascript sanitizer 来防止 XSS。

通读Bootstrap 文档以获取有关将元素列入白名单的说明。


推荐阅读