javascript - 搜索选择器时出现意外的文件结尾。由于选择器错误而忽略规则集

Question

这是我正在尝试做的事情:

-当单击图像时，取消绑定(bind)点击事件(在该图像上)并显示弹出窗口。

-只要显示弹出窗口，您就无法单击该图像。

-弹出窗口关闭后，点击事件会再次绑定(bind)到图像上。

这是我的代码(图像包含在 li 标记中)。

$('li').click(clickOnImage());//Bind the click event with call to clickOnImage method

function clickOnImage(){
  var id=$(this).attr("id");
  console.log('you selected image with id name: '+id);
  showWithAnimation();//Show the popup with animation
}//End function



           function showWithAnimation(){    

                   console.log('animation called');

                   $('#popup').show();



                   $("#popup").css({"top": "10%", "left": "30%"}).animate({top:(($(window).height()/2)-($('#popup').outerHeight()/2))-10}, 1000, 'easeOutBounce').show();

    //As long as the popup is shown, Unbind the click event on images
                   $('li').unbind('click');
}//End function


     function hidePopUp(){

          $('#popup').hide();
           $('li').bind('click',clickOnImage());//if popup is hidden, re-bind the click event and here is the issue!

      }//End function

在 FireFox 上运行时，我在控制台中收到此错误:

Unexpected end of file while searching for selector.  Ruleset ignored due to bad selector.

我认为问题在于该函数被递归调用。但我需要执行这样的方法。我该如何解决这个问题。提前致谢。

Answer 1

您绑定(bind)的点击错误。您正在调用该函数，而不是分配它。 [在多个地方完成]

$('li').click(clickOnImage());

需要需要

$('li').click(clickOnImage);

当您绑定(bind)隐藏时，您也会遇到问题。

实际上，您不需要绑定(bind)/解绑。功能。只需使用元素的状态来确定是否需要隐藏或显示。