2013-08-01 58 views
0
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title></title> 
    <script type="text/javascript" src="/js/lib.min.js"></script> 
    <style type="text/css"> 
    body{margin: 0;} 
    </style> 
</head> 
<body> 
    <button id="btn1" style="width: 200px; height: 100px;">隱藏</button> 
    <button id="btn2" style="width: 200px; height: 100px;">顯示</button> 
    <div id="box" style="display none;"> 
     <canvas id="canvas"></canvas> 
    </div> 
</body> 
<script type="text/javascript"> 
$(function() { 
    var _canvas = document.getElementById("canvas"); 
    _canvas.width = $(document).width(); 
    _canvas.height = $(document).height() - 150; 

    _stage = new createjs.Stage(_canvas); 
    var ss = new createjs.SpriteSheet({ 
     images: ["/app/resource/image/trick/animation/cow_basketball/ploughR.png", "/app/resource/image/trick/animation/cow_basketball/ploughL.png"], 
     frames: {regX: 0, regY: 0, width: 374, height: 200, count: 8}, 
     animations: {right: [0, 3], left: [4, 7]} 
    }); 
    var bitmap = new createjs.BitmapAnimation(ss); 
    bitmap.x = 0; 
    bitmap.y = 0; 
    bitmap.scaleX = bitmap.scaleY = 1; 
    ss.getAnimation("right").next = "right"; 
    ss.getAnimation("left").next = "left"; 
    bitmap.gotoAndPlay("right"); 
    _stage.addChild(bitmap); 
    createjs.Ticker.addEventListener("tick", _tick); 
    createjs.Ticker.setFPS(10); 
    var right = true; 
    function _tick() { 
     _stage.update(); 
     if(!!right) { 
      bitmap.x = bitmap.x + 10; 
     } else { 
      bitmap.x = bitmap.x - 10; 
     } 
     if(bitmap.x > $(document).width()) { 
      right = false; 
      bitmap.gotoAndPlay("left"); 
     } 
     if(bitmap.x < -bitmap.spriteSheet._frameWidth) { 
      right = true; 
      bitmap.gotoAndPlay("right"); 
     } 
    }; 

    $("#btn1").on("click", function() { 
     $("#box").hide(); 
    }); 
    $("#btn2").on("click", function() { 
     $("#box").show(); 
    }); 
}); 
</script> 
</html> 
在這種情況下,與Android的三星手機

有象下面這樣一些問題: 1.click BTN1隱藏DIV 2.然後點擊BTN2展現DIV(通常應該是一個動態畫面) 但此時該頁面有一個靜態圖片呆在那裏更多easeljs在Android 4.1.2三星電話bug?

所以,我的問題是如何出現這個錯誤,以及如何避免此錯誤?

+0

你是什麼意思靜態圖片呆在那裏更多?你的意思是圖片顯示,但它總是一樣的圖片? – Josh

回答

0

這看起來不像是easeljs相關的,我在你的代碼發現的唯一錯誤是:

<div id="box" style="display none;"> 

應該是:

<div id="box" style="display: none;"> 

所以你失蹤冒號那裏,也許有幫助。

+0

謝謝你的回答,但是bug不是由style =「display:none」引起的,如果刪除div的樣式,bug依然存在。在隱藏後顯示時出現錯誤。 – user2416411

相關問題