首先,我将游戏作为一个小项目(直到明天),代码有些混乱,最有可能导致我的问题。它仍处于早期阶段,正在进行中。
现在,我尝试使用jsfiddle,但在将我的小项目放在那里似乎没有用,不过,这里是jsfiddle http://jsfiddle.net/sMNpx/2/,这里是半工作的链接:http://www.codehost.co.za/battleships/
我遇到的问题是在第一艘船被放置之后。尝试更改方向时,它会发生变化,然后再次更改。
我认为这是在mouseup事件上:
document.oncontextmenu = function() {return false;};
$(document).mouseup(function(e1){
if( e1.button == 2 && orientState == 1) {
alert("ORIENTATION CHANGED")
if(currentmouseevent == 1) //HORIZONTAL
{
$("#" + selectedship).css('width',selectedshipwidth + 'px').css('height',selectedshipheight + 'px');
currentmouseevent = 2;
}
else if(currentmouseevent == 2) //VERTICAL
{
$("#" + selectedship).css('width',selectedshipheight + 'px').css('height',selectedshipwidth + 'px');
currentmouseevent = 1;
}
}
return true;
});
我不确定展示位置是否不正确。