jQuery('.square-section').mouSEOver(function(){
    jQuery(this).fadeto('slow',0.3, function(){
        jQuery(this).css('background-image', 'url(' + $img + ')');
    }).fadeto('slow',1);
});

jQuery('.square-section').hover(function(){
    jQuery(this).fadeto('slow',0.3);
}, function() {
    jQuery(this).fadeto('slow',1);
});

jQuery('.square-section').hover(function(){
    jQuery(this).fadeto('slow', 0.3, function() {
        jQuery('.square', this).removeClass('square-chess').addClass('square-chart');
        jQuery(this).fadeto('fast', 1);
    });
}, function() {
    jQuery(this).fadeto('fast', 0.3, function() {
       jQuery('.square', this).removeClass('square-chart').addClass('square-chess');
       jQuery(this).fadeto('fast', 1);
    });
});

jQuery('.square-section').hover(function () {
    jQuery('.square', this).removeClass('square-chess').addClass('square-chart');
}, function () {
    jQuery('.square', this).removeClass('square-chart').addClass('square-chess');
});

javascript – iPad上的jQuery mouseout

$("span#checkBox_err").mouSEOut(function () {
                        $("span#checkBox_err").fadeOut("slow");
                    });

$(document).bind("touchstart",function(e){
         if(e.target.id != "checkBox_err")
        $("span#checkBox_err").fadeOut("slow");
     });
}


$("input:checkBox").bind("touchstart",function(){
$("span#checkBox_err").fadeIn("fast");

});

javascript – Jquery / ajax循环SetTimeout

嗨,我被困在我的setTimeout函数上.我想要做的是循环我的setTimeout为我的检索对话功能..我在setInterval上尝试了这个但是使用setInterval是我的应用程序的坏消息,这就是为什么我切换到setTimeout ..但我似乎无法弄清楚如何使setTimeout在完成加载后再次工作..这是我到目前为止所尝试的并且仍然试图让它在此刻工作..

使用Javascript：

id = setTimeout(function()
{
    $.ajax(
    {
        url: "includes/handlechat.PHP",
        type: "GET",
        data: data,
        dataType: 'json',
        success: function(result)
        {
            $("#clog").empty();
            $.each(result, function(rowKey, row) 
            {
                $("#clog")
                    .append('<p ><h4>'+ row.username +':</h4>' + row.message_content + '</p>' );
            });
        },
        complete: function () 
        { 
            clearTimeout(id);
        }
    })
}, 1101);

有什么提示或建议吗？

解决方法:

将代码放在函数中并在成功或完整处理程序中调用它：

function load() {
    setTimeout(function () {
        $.ajax({
            url: "includes/handlechat.PHP",
            type: "GET",
            data: data,
            dataType: 'json',  
            success: function (result) {
                $("#clog").empty();
                $.each(result, function (rowKey, row) {
                    $("#clog").append('<p ><h4>' + row.username + ':</h4>' + row.message_content + '</p>'); 
                }); 
            },
            complete: load
        });
    }, 1101);
}
load();

您还可以使用IIFE来避免在当前环境中创建另一个绑定：

(function load() {
   // setTimeout here
}());

javascript – jQuery mouseenter / mouseleave html() – 交换问题

我有以下Javascript / jQuery函数：

function addEventHandler(){

    $("div").mouseenter(function() {
        $(this).html("Over");
    }).mouseleave(function() {
        $(this).html("Out");
    });

}

它有效但不完美. div有时会略微重叠(不要问),并且如下图所示,它们并不总是得到“Out”值.特别是当我将指针快速移动到它们上面时会发生这种情况.

任何想法如何确保每个div在mouseleave上获得“Out”值？谢谢！

更新：真正的代码摘录

由于我的实际功能不像上面的例子那么简单,我在这里包含了真实函数的确切代码：

function addEventHandlers(){

    var originalContent = "";

    $(".countryspots div").mouseenter(function() {

        var thisClass = $(this).attr("class");
        var thisCountry = thisClass.split(" ");
        var thisNumber = getNumber(thisCountry[1]);

        originalContent = $(this).children("a").html();

        $(this).children("a").html("<span>" + thisNumber + "</span>");


    }).mouseleave(function() {

        $(this).children("a").html(originalContent);

    });

}

我的HTML标记是这样的：

<div>
    <div><a href="#"><span>Brazil</span></a></div>
    <div><a href="#"><span>Argentina</span></a></div>
    <div><a href="#"><span>Ireland</span></a></div>
    <divhttps://www.jb51.cc/tag/gal/" target="_blank">gal"><a href="#"><span>Portugal</span></a></div>
</div>

一般的想法是内部最多的国家名称< span>与一个代表在mouseenter上的员工的数字交换(从getNumber();中检索) – 然后在mouseleave上交换回来.

真正的问题是,当我将指针移动到另一个div时,许多div保留了他们的员工编号.换句话说：mouseleave事件不会在所有div上执行.

实例：http://jsfiddle.net/N9YAu/4/

希望这可以帮助.再次感谢！

解决方法:

您的问题是,对于一个只有一个变量来存储所有项目的“原始内容”,并且mouseenter处理程序也可以在mouseleave处理程序之前第二次调用,从而导致值“原始内容”变量被覆盖悬停内容.

您应该在脚本开头存储一次原始内容,并为每个项目分别存储它们.我在使用jQuery的数据函数：http://jsfiddle.net/N9YAu/5/的followign示例中完成了这个

注意,我用一个悬停绑定替换了你单独的mouseenter / mouseleave绑定.它最终可能是相同的,但这是“正确的方法”.

今天关于javascript – 如何在jQuery mouseout上应用原始样式的讲解已经结束，谢谢您的阅读，如果想了解更多关于javascript mouseover、mouseout停止事件冒泡的解决方案_javascript技巧、javascript – iPad上的jQuery mouseout、javascript – Jquery / ajax循环SetTimeout、javascript – jQuery mouseenter / mouseleave html() – 交换问题的相关知识，请在本站搜索。