小编Per*_*lis的帖子

我使用owl carousel 2获取旋转木马内容.

JS:

$('#owl-demo').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    items: 1,
});

HTML:

<div id="owl-demo" class="owl-carousel">
    <div class="item"><h4>1</h4></div>
</div>

问题:

当我有一个内容(动态内容中使用PHP)loop:true和items:1不工作,我看空,但如果添加了两个内容猫头鹰工作真!

编辑:我的内容是动态的(1 - ....).当我的结果是一个内容猫头鹰有问题.

问题演示

曾经做过DEMO

怎么解决这个问题？

当我悬停我的时候,我需要在图标中设置CSS动画效果div.

CSS

.animated-div {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration:1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.newsline:hover .animated-div, .newsline:focus .animated-div, .newsline:active .animated-div {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration:1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

HTML

<div class="box-head">
    <i class="fa fa-reorder fa-2x pull-left fa-border animated-div"></i>
</div>
</br></br></br>
<div class="newsline">test</div>

在行动中这不起作用!

我该怎么办？

DEMO

我在调整大小窗口中add remove使用这个类的jQuery代码jQuery:

JS:

$(function () {

    $(window).bind("resize", function () {
        console.log($(this).width())
        if ($(this).width() < 500) {
            $('div').removeClass('yellow').addClass('red')
        } else {
            $('div').removeClass('red').addClass('yellow')
        }
    })
})

HTML:

<div style="width:300px; height:100px;" class="yellow"></div>

在行动中,这只有在我手动调整窗口大小时才有用但是默认情况下如果设备窗口<500这个功能不起作用.

怎么解决这个问题？!

在这里演示

我将此表数据导入phpmyadmin:

CREATE TABLE IF NOT EXISTS `cms_books` (
  `id` bigint(20) NOT NULL,
  `title` varchar(255) COLLATE utf8_persian_ci NOT NULL,
  `seo_title` varchar(255) COLLATE utf8_persian_ci NOT NULL,
  `orginal_title` varchar(255) COLLATE utf8_persian_ci NOT NULL,
  `pub_type` tinyint(2) NOT NULL,
  `long_desc` longtext COLLATE utf8_persian_ci NOT NULL,
  `counter` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8;

我看到这个错误:

-

- 表的索引 cms_books

-

ALTER TABLE cms_books ADD PRIMARY KEY(id),ADD FULLTEXT KEY title(title),ADD FULLTEXT KEY long_desc(long_desc); MySQL说:文档

#1214 - 使用的表类型不支持FULLTEXT索引

在localhost我添加 …

我有这个CSS3动画代码用于DIV动作中的摇晃效果:(我从这里复制此代码)

CSS代码:

.shake {
    -webkit-animation-name: shake ;
    animation-name: shake;
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% { …