单击文档时停止功能

时间:2015-08-22 15:06:24

标签: jquery function

我试图在点击文档时停止我命名为defaultState的函数但我使用了stop();stop(true, true);stopPropagation();等等但是无法停止发生的动画......很明显我做错了什么......但是什么?

JS jsFiddle

function defaultState(){
    $('#me').hover(function(){
        $(this).animate({
            'background-color': '#339966'
        },300);
    },function(){
        $(this).animate({
            'background-color': 'red'
        },300);
    });
};

defaultState();

$(document).click(function(){
    defaultState.stop(true, true);
});

2 个答案:

答案 0 :(得分:3)

你需要在动画元素上调用stop方法,而不是在没有这种方法的函数上调用。

$(document).click(function(){
    $('#me').stop();
});

在此处尝试:jsfiddle

答案 1 :(得分:3)

如果,你的意思是,你想要阻止任何未来的动画发生并停止现在发生的任何动画,那么你可以调用 import javax.servlet.GenericServlet; import javax.servlet.ServletResponse;`enter code here` import javax.servlet.ServletRequest; import javax.servlet.ServletException; import java.io.IOException; import java.lang.Exception; import java.io.PrintWriter; public class SumServlet extends GenericServlet { public void service(ServletRequest request,ServletResponse response)throws ServletException,IOException { String str1=request.getParameter("fname"); String str2=request.getParameter(" sname"); int num1=Integer.parseInt(str1); int num2=Integer.parseInt(str2); int sum=num1+num2; PrintWriter out=response.getWriter(); out.println("Given fnumber is "+str1); out.println(" --------------"); out.println("Given second number is"+str2); out.println(" --------------"); out.println("Sum of numbers is "+sum); } } /*There is an exception arises with this program as http status 500:null. java.lang.NumberFormatException: null java.lang.Integer.parseInt(Unknown Source) java.lang.Integer.parseInt(Unknown Source) SumServlet.service(SumServlet.java:17) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52). 然后删除.stop()安装的事件处理程序用:

defaultState()

或者,您只能使用以下内容定位$("#me").stop(true).off(); 鼠标事件处理程序:

.hover()