Jquery bxSlider赢得';不允许幻灯片中包含HTML文本

Jquery bxSlider赢得';不允许幻灯片中包含HTML文本,jquery,bxslider,Jquery,Bxslider,我希望每张幻灯片的左边都有一个图像,右边有一个文本,但它就是不起作用。当只有图像时,滑块工作正常,但只要我添加一个字母,整个滑块就会断开 是我遗漏了什么,还是bxSlider不允许纯旧HTML文本 谢谢。您可以使用div而不是li标签来订购幻灯片。下面是一个示例,其中基础5框架应用于滑块,简单地生成行/列。 <div class="bxslider"> <div class="row collapse slide-pane"> <div class="sma

我希望每张幻灯片的左边都有一个图像,右边有一个文本,但它就是不起作用。当只有图像时,滑块工作正常,但只要我添加一个字母,整个滑块就会断开

是我遗漏了什么,还是bxSlider不允许纯旧HTML文本


谢谢。

您可以使用div而不是li标签来订购幻灯片。下面是一个示例,其中基础5框架应用于滑块,简单地生成行/列。
<div class="bxslider">
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-One" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">       
<h1>Are you ready for the truth?</h1>
    </div>
</div>
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Two" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">       
<h1>Are you ready for the truth?</h1>
    </div>
</div>
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Three" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">          
<h1>Are you ready for the truth?</h1>
    </div>
</div>

你准备好接受真相了吗?
你准备好接受真相了吗?
你准备好接受真相了吗?


Fiddle:

您可以使用div而不是li标签来排序幻灯片。下面是一个示例,其中基础5框架应用于滑块,简单地生成行/列。
<div class="bxslider">
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-One" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">       
<h1>Are you ready for the truth?</h1>
    </div>
</div>
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Two" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">       
<h1>Are you ready for the truth?</h1>
    </div>
</div>
<div class="row collapse slide-pane">
    <div class="small-6 medium-6 large-6 columns">
        <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Three" />
    </div>
    <div class="small-6 medium-6 large-6 columns text-pane">          
<h1>Are you ready for the truth?</h1>
    </div>
</div>

你准备好接受真相了吗?
你准备好接受真相了吗?
你准备好接受真相了吗?


Fiddle:

请提供您的代码和/或JSFIDdle上的演示。代码与此处完全相同:请在尝试提问之前阅读。请提供您的代码和/或JSFIDdle上的演示。代码与此处完全相同:请在尝试提问之前阅读。