Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 将照片添加到jQuery Accordion中的左侧浮动_Jquery Ui_Jquery Ui Accordion - Fatal编程技术网

Jquery ui 将照片添加到jQuery Accordion中的左侧浮动

Jquery ui 将照片添加到jQuery Accordion中的左侧浮动,jquery-ui,jquery-ui-accordion,Jquery Ui,Jquery Ui Accordion,我有一个实用的jQuery手风琴。我想在容器中添加一张照片,让它向左浮动,使图像后面的文本向右浮动,就像有两列一样。我尝试过很多场景,但都没有成功。这是我最近的尝试: <!-- Accordion--> <section class="section-45 section-sm-45"> <div class="shell"> <div class="range"> <div class="cell-

我有一个实用的jQuery手风琴。我想在容器中添加一张照片,让它向左浮动,使图像后面的文本向右浮动,就像有两列一样。我尝试过很多场景,但都没有成功。这是我最近的尝试:

 <!-- Accordion-->
  <section class="section-45 section-sm-45">
    <div class="shell">
      <div class="range">
        <div class="cell-md-12 cell-lg-12">
          <h5>Screening Products (beta)</h5>
          <hr>
          <!-- Responsive-tabs-->
          <div class="responsive-tabs responsive-tabs-horizontal" data-type="accordion">
            <ul class="resp-tabs-list">
              <li>Item 1</li>
              <li>Item 2</li>
              <li>Item 3</li>
            </ul>
            <div class="resp-tabs-container">
              <div class="animated fadeIn">

                <p><img src="images/placeholder270x270.jpg" alt="" />Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
                ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
              </div>
              <div class="animated fadeIn">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
                ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
                <div class="animated fadeIn">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
                ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

筛选产品(测试版)

  • 项目1
  • 项目2
  • 项目3
在所有人都有错误的情况下,我们必须清楚地看到,所有人都有错误 发明者的真实性和准建筑师的身份必须明确

在所有人都有错误的情况下,我们必须清楚地看到,所有人都有错误 发明者的真实性和准建筑师的身份必须明确

在所有人都有错误的情况下,我们必须清楚地看到,所有人都有错误 发明者的真实性和准建筑师的身份必须明确

我试着用CSS向左浮动,使宽度为xx%,等等。似乎什么都不起作用,我似乎在与jQuery抗争。任何帮助都将不胜感激

添加一些样式

.my-img {
   position: absolute;
   margin-left: 0px!important;
}

感谢你的建议。不幸的是,这将破坏accordion容器的执行位置:绝对。您可以添加一个模拟该行为的工作示例,您将通过一个工作片段获得更多回复,因为没有人需要自行配置accordion,从而减少了时间和工作量,您甚至没有指定要使用的accordion有几个jquery accordion,我以前没有将工作代码段直接添加到堆栈溢出中。如果有办法,请告诉我。否则,这里有一个指向功能页面的链接供参考:。让我知道这是否有帮助,或者是否有更好的分享方式。