jquery旋转插件抛出未捕获的异常

Question

我在实现 jquery 旋转插件时遇到问题。我是这样实现的：

var iDirection = 90;
var dImg = $("<img/>")
     .addClass('defect-image')
     .attr({src: $(this).attr('IMAGE_PATH')})
     .load(function(){
                //do stuff if img loads without errors
             })
             .error(function(){
                $(this).attr({src: 'img/missing.jpg' });
             })
             .rotate( iDirection )
             .appendTo( '.image-container' );

我得到的错误是这样的：

 Error: uncaught exception: 
 [Exception... "Component returned failure code: 
 0x80040111 (NS_ERROR_NOT_AVAILABLE) 
 [nsIDOMCanvasRenderingContext2D.drawImage]"  nsresult: "0x80040111
 (NS_ERROR_NOT_AVAILABLE)"  
 location: "JS frame :: http://my.domain.com/js/jquery.rotate.js :: anonymous :: line 51"  data: no]

我需要帮助破译这个错误。我不明白这个实现我做错了什么。我也尝试过（没有运气）：

.rotate({angle: iDirection })

Answer 1

如果我是你，我会将对“.rotate()”的调用放在“加载”处理程序中，或者放在“成功”处理程序中：

var dImg = $("<img/>")
 .addClass('defect-image')
 .attr({src: $(this).attr('IMAGE_PATH')})
 .load(function(){
            //do stuff if img loads without errors
         })
 .success(function() { dImg.rotate(iDirection); })

编辑 - 这似乎是一个有缺陷的 jQuery 插件（这个）。您可能想深入研究该项目的“问题”列表，看看某个修补版本是否有帮助，或者您可以选择其他插件。