小编Dan*_*son的帖子

我实际上有一个这个问题的例子.
如果您点击该链接,您会看到页面下方的特色优惠.
这些优惠显示完全错误.
它们应该是全宽移动,然后是所有其他设备的col-sm-3.

www.exclusivecard.co.uk

这只发生在我添加猫头鹰旋转木马之后.无论如何我会发布下面的代码.

款式

 #offerslide .owlItem{
   display: block;
   width: 100%;
   height: auto;
 }

页

 <div class="owlslide">
      <a href="somelink">
   <div class="col-xs-12 col-sm-3 owlItem">

      <div class="row" id="yellow">
        <div class="col-xs-12 ">
          <div class="panel panel-warning coupon">
            <div class="panel-heading" id="head">
              <div class="panel-title" id="title">

                <span >title</span>
              </div>
            </div>
            <div class="panel-body">                

             <img>
              <div class="col-md-12 text-warning">
                <div class="offer">
                  <span class="number">[saving]</span>                     
                </div>
              </div>

            </div>
            <div class="panel-footer" id="coupon-backing">
              <div class="coupon-code">
                [cat]
                <span class="print">
               [expires]
                </span>

              </div>

            </div>
          </div>
        </div>
      </div>
    </div>

</a>
 </div>

jQuery的

$("#owlslide").owlCarousel({
    autoPlay: 3000, …

在本页面

http://www.exclusivecard.co.uk/offers.php

我有几个猫头鹰旋转木马在运行.您会注意到,当您第一次加载页面时,旋转木马中的所有优惠都会以全宽闪烁,直到jquery启动,然后调整所有内容的大小.反正有没有阻止这个？我发布了一些我正在使用的代码

HTML

 <?php $k='1'; do { ?>
 <div id="owlslide<?php echo $k;?>">
     <?php do { ?>
       <div class="owlItem ">
         <-- some other stuff -->
       </div>
     <?php  } while();?>
 </div>
 <?php $i++; } while();?>

Jquery(猫头鹰)

 $(document).ready(function(){
<?php $i='1'; do { ?>
 $("#owlslide<?php echo $i;?>").owlCarousel({
  autoPlay: false, //Set AutoPlay to 3 seconds
  paginationNumbers: true,
   itemsCustom : [
    [0, 1],
    [450, 1],
    [600, 2],
    [700, 2],
    [1000, 3],
    [1200, 4],
    [1400, 4],
    [1600, 5]
  ],        
  });
<?php $i++; }while($cara = mysql_fetch_assoc($catCara)); ?> …

我的页面上有一个按钮

 <button id="show1" class="morelinkblack">Find Out More</button>

单击时,它将运行此代码

 $("#show1").click(function(){
   $(".hidden-div1").slideToggle("slow");
 });

有没有办法在div显示时更改文本以说"关闭"而不是"找出更多"？