小编Iva*_*van的帖子

jQuery Mobile + Flexslider - 在回调后使用渐进式图像加载AJAX的幻灯片

我有一个问题是在回调后重新初始化flexslider上的新幻灯片并刷过/使用4张幻灯片,它将无法正常工作.

有一个jsfiddle你可能想检查它.

http://jsfiddle.net/mtgv7/3/

还要注意他们实现的新功能是slide.add()和slide.remove()通过https://github.com/woothemes/FlexSlider没有关于这些新功能的更多信息.我不知道如何使用它们,然后我尝试了但它没有用.

我需要一个像循环一样的功能,当你向后滑动它恢复旧幻灯片并删除新幻灯片,然后你滑动foward,它删除旧幻灯片并添加新幻灯片由于移动设备上的DOM内存性能.

任何帮助或建议,如iframe,ajax加载HTML就可以了.

谢谢!

jquery jquery-mobile flexslider

7
推荐指数
1
解决办法
9521
查看次数

如何在保持纵横比的同时调整图像大小以在组中具有相同的高度?

目前,请查看带有图像的产品列表:

在此处输入图片说明

请注意,这些图片的大小不同,例如不同的宽度和不同的高度,我不希望它看起来很糟糕,我正在寻找一种解决方案,如何在不影响纵横比的情况下正确调整它们的大小。例外的结果是这样的:

在此处输入图片说明

每个 img 都有一个 CSS 片段

   .ui.medium.image
   {
        width: 300px;
        height: auto;
        font-size: 1rem;
   }
Run Code Online (Sandbox Code Playgroud)

如果我将 height: auto 更改为 height: 200px,但它会破坏纵横比:

在此处输入图片说明

如何在保持纵横比的同时以相同的高度正确修复它们?

欢迎任何建议。

javascript css semantic-ui

4
推荐指数
1
解决办法
3097
查看次数

如何将卡片置于语义中心?

我已经实现了卡片的猫头鹰滑块,我试图模拟为移动设备,它看起来卡没有正确居中.

在此输入图像描述

我已经尝试过所有UI网格和其他中心类,但它们没有用.

这是我的HTML

<div class="owl-carousel">

    <div class="ui card">
        <div class="image dimmable">
            <div class="ui blurring inverted dimmer transition hidden">
                <div class="content">
                    <div class="center">
                       <div class="ui teal button">Ver más sobre Circulo K</div>
                    </div>
                </div>
            </div>
            <img src="../assets/images/stores/circulok.jpg">
        </div>

        <div class="content">
            <div class="header">Circulo K</div>
                <div class="meta">
                    <a class="group">Meta</a>
                </div>
                <div class="description">Descripción Corta</div>
            </div>

            <div class="extra content">
                <a class="right floated created">Arbitrary</a>
                <a class="friends"></a>
            </div>
        </div>

   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我怎么样?

css3 semantic-ui

3
推荐指数
2
解决办法
8696
查看次数

如何将[at]替换为@?

我想知道如何在jQuery加载时将[at]替换为@

这段代码

<p id="nospam">myself[at]myemail.com</p>
Run Code Online (Sandbox Code Playgroud)

如果您认为对垃圾邮件不起作用......欢迎您的建议!

html jquery

2
推荐指数
1
解决办法
637
查看次数

如何使用验证引擎插件为jQuery淡出错误提示?

我正在使用它https://github.com/posabsolute/jQuery-Validation-Engine

我想知道如何使提示应该关闭自己4秒钟而不点击提示代码来自jquery.validationEngine.js的代码行是26,它看起来像:

$(".formError").live("click", function() {
    $(this).fadeOut(150, function() {
        // remove prompt once invisible
       $(this).remove();
    });
});
Run Code Online (Sandbox Code Playgroud)

我试图在live中删除"click",但它没有用,因为验证没有出现,任何人都可以帮助我?提前致谢!

validation jquery prompt

0
推荐指数
1
解决办法
6093
查看次数

如何使用Nativescript-Vue为动画分配元素?

查看此文档:

https://docs.nativescript.org/ui/animation

我正在尝试添加这个元素的类或ID <Label>来动画任何东西,但我不确定应该view通过直接用代码而不是CSS动画调用动画方法来分配一个元素来完全控制任何动画. Vue模板.

javascript nativescript nativescript-vue

0
推荐指数
1
解决办法
1087
查看次数

什么是检测语言的最佳方法?

我正在制作一个网站(wordpress multisite),为用户提供2种语言支持,有2种方法我们将使用它:

- 通过Geo IP检测语言

- 通过Internet浏览器检测语言

哪种方法最好用呢?

提前致谢!

php wordpress detect

-1
推荐指数
1
解决办法
753
查看次数

如何使用Regex简化返回值?

我使用了Imgur API并且它有效,问题是它返回带有所有参数的数据,它看起来像:

{"data":{"id":"TjJuJ29","title":null,"description":null,"datetime":1403695169,"type":"image\/png","animated":false,"width":1538,"height":839,"size":733684,"views":0,"bandwidth":0,"favorite":false,"nsfw":null,"section":null,"deletehash":"lCqsN0tKqWyJFET","link":"http:\/\/i.imgur.com\/TjJuJ29.jpg"},"success":true,"status":200}
Run Code Online (Sandbox Code Playgroud)

我需要知道什么是正确的正则表达式将其转换为简单的链接URL并忘记其他参数.我正在使用Javascript.

预期输出看起来像:http://i.imgur.com/TjJuJ29.jpg

谢谢!

编辑:这是JSON,我的错误.

javascript regex

-2
推荐指数
1
解决办法
44
查看次数