-webkit-transform:translate(417px,0px)

时间:2013-03-19 01:29:33

标签: javascript jquery html css javascript-events

我对网络工具包翻译属性有问题... 当我减少浏览器窗口时出现iphone屏幕.... 在iPhone屏幕上我实现了一个滑块功能..... 你可以看到两个箭头左右箭头...... 当你点击右箭头它移动到下一个滑块..... 但在右侧滑块中图像不显示.....这是由于网络工具包属性... 我不知道如何解决它.... 我正在提供两个li标签如何解决它......

http://jsfiddle.net/UL3R2/

 <li style="display: table-cell; width: 417px; vertical-align: top; left: 0px; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);"
                        data-index="0">

<li style="display: table-cell; width: 417px; vertical-align: top; border: 1px solid red; left: -417px; -webkit-transition: 0ms; -webkit-transform: translate(417px, 0px) translateZ(0px);"
                        data-index="1">

1 个答案:

答案 0 :(得分:0)

这里我给出了一个函数的问题,因为你已经编写了许多具有相同功能的函数,

不是附加跨度,而是使用style="display:none"

保持跨度

使用脚本通过更改类或属性使其可见。

$('document').ready(function() {
            window.setTimeout(function() {
                $('.cubeCellSecurity').each(function() {
                    var htmlText = $(this).attr('data-text');
                    $(this).append('<div class="cubeTextStyleSecurity">' + htmlText + '<span class='divStockSecurity' style="display:none">Security</span></div>');

                    $(this).hover(

                    function() {
                        $(".cubeTextStyleSecurity").style().attr("display","");
                    });

                    //function(){ $(this).style().attr("display","none"); });
                });
            }, 600);

        });

如果你想让我更新小提琴,请从小提琴中删除不必要的html部分