1

我正在使用翻书库为cordova（ios）制作目录，并尝试向各个页面添加缩放功能。

出于某种原因，缩放仅适用于它的前 6 页/课程。

以下小提琴不包含图像，并且似乎与 remTemp 函数有问题，但我向您保证它可以在浏览器和 ios 上运行。

http://jsfiddle.net/vAVdZ/

HTML：

 <div id="zoomer"></div> 
   <div id="zoom-viewport">
    <div id="flipbook">

<div class="flippage"><img src="pages/cover.jpg"  class="small i1"></div>
<div class="flippage"><img src="pages/inner-cover.jpg"  class="small i0"></div>
<div class="flippage"><img src="pages/1.jpg"  class="small i1"></div>
<div class="flippage"><img src="pages/2.jpg"  class="small i2"></div>
<div class="flippage"><img src="pages/3.jpg"  class="small i3"></div>
<div class="flippage"><img src="pages/4.jpg"  class="small i4"></div>
<div class="flippage"><img src="pages/5.jpg"  class="small i5"></div>
<div class="flippage"><img src="pages/6.jpg"  class="small i6"></div>
<div class="flippage"><img src="pages/7.jpg"  class="small i7"></div>
<div class="flippage"><img src="pages/8.jpg"  class="small i8"></div>
<div class="flippage"><img src="pages/9.jpg"  class="small i9"></div>
<div class="flippage"><img src="pages/10.jpg"  class="small i10"></div>
</div></div></div>

Javascript：

$('.small').click(function() { 

    cls = $(this).attr("class");
    rem = 'small i';
    clas = cls.replace(rem,'');

    imagesrc = $(this).attr("src");

    if (clas % 2 == 0) {
    loc = "left";
    $('body').append("<img src='"+imagesrc+"' id='temp' onclick='remTemp();'class='temp small' style='position:absolute; left:12px; top:199px; z-index:5 !important;'>");

    }
    if (clas % 2 != 0) {
    loc = "right"
    $('body').append("<img src='"+imagesrc+"' id='temp' onclick='remTemp();'class='temp small' style='position:absolute; left:512px; top:199px; z-index:5 !important;'>");
    }




    $(this).css('z-index','-1');
    $('.temp').animate({ 
    top: 10,
    left: 10,
    width:1000,
    height: 707
    }, 1000
    );



    });

    function remTemp() {
    $('img').remove('#temp');
    }

我完全不知道为什么点击功能在 6 页后停止，我尝试删除前 x 页，无论我从哪里尝试它都只做 6 页（总共 94 页）

谢谢

*作为一个注释，我尝试使用许多不同的选择器，但仍然遇到同样的问题。

4

0 回答 0