为什么我的if语句在jquery中检测不到图像大小?

时间:2015-10-02 01:49:42

标签: javascript jquery css image size

我的代码中的If - Else语句似乎导致错误。单击图像时,如果图像大小为100px×100px,则尝试打开谷歌窗口,并在任何其他情况下打开yahoo窗口。知道是什么让if语句出错吗?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">


$(document).ready(function() {
$("#testImgID").click(function(){

   var imgWidth = $(this).width();
   var imgHeight = $(this).height();

   if( imgWidth == 100 && imgHeight == 100)
   {
        window.open("http://www.google.com");
   else
   {
        window.open("http://www.yahoo.com");
   }
});
});

<p>
<img width="100" height="100" id="testImgID" alt="Setup client email capture.jpg" src="/wg/PayrollSolutions/PublishingImages/RCP_setups_theatrical_assignedTo_table.png" style="margin: 5px"/>
</p>

1 个答案:

答案 0 :(得分:1)

您有语法错误,如果

,您没有关闭第一个语法错误
$(document).ready(function() {
    $("#testImgID").click(function() {

        var imgWidth = $(this).width();
        var imgHeight = $(this).height();

        if (imgWidth == 100 && imgHeight == 100) {
            window.open("http://www.google.com");
        } else { // } was missing
            window.open("http://www.yahoo.com");
        }
    });
});

始终检查开发人员的控制台(通常是f12)以检查语法错误,您应该看到:Uncaught SyntaxError: Unexpected token else以及错误在哪一行。