Question

因此，我想创建一个类似于汽车配置器的页面，您可以选择部件，最后能够与其他人分享您的结果。

所以现在我在我自己的第一个小HTML网站上工作并遇到了一些问题。

使用Bootstrap 3.3.5和jQuery 2.1.4我创建了一个包含图片的按钮，如果点击则显示我的popover。

<script type="text/javascript">
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
</script>

<button type="button" class="btn btn-equip" 
                      data-container="body"
                      data-toggle="popover"
                      data-placement="right"
                      data-html="true"
                      data-title="My Popover Title"
                      data-content='This is the place where the popover html content is placed'
>
   <img id="PictureOnMyButton" src="images/ButtonPicture.png">
</button>

此时我试图在包含几个不同面板的popover中实现一个Bootstrap 3手风琴，以象征不同的类别，这些类别包含一堆图标。

将所有内容都放入数据内容=＆＃39;＆＃39;在我想出不使用＆＃34;＆＃34;。

之后，我现在正在工作

由于我添加了Bootstrap 3 Accordion的代码，代码爆炸了很多，并且知道我想要一些按钮，每个按钮都有自己的popover，当前文件变得非常混乱。

我的想法是让popover内容在我的源文件夹中加载一个单独的.html文件，以使我当前文件的代码更具可读性。好吧，它没有用。

在搜索Google和Stackoverflow几个小时后，我发现很多主题都在讨论Bootstrap popovers ajax和从外部源加载内容。

可悲的是，所有这些主题都有特定的答案让我理解我的技能，主要包括尝试和重试不同的方法。

所以希望有人能在这里找到让我理解如何解决这个问题的方法，我尽量做到尽可能具体，但如果您需要更多信息，我会乐意为您提供！

加载另一个html站点作为bootstrap 3 popover

0 个答案: