Jquery onChange div内容

时间:2016-08-17 06:41:53

标签: javascript jquery html ajax

我想在div内容(图像)收费时运行一个函数,我一直在尝试使用html()。length和onChange,但onChange仅在加载页面时有效,谢谢:

我的代码:

if (($("#zv1").html().length > 0) && ($("#zv1").change())){
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv2").html().length > 0) ) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv3").html().length > 0) && ($("#zv3").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv4").html().length > 0) && ($("#zv4").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv5").html().length > 0) && ($("#zv5").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv6").html().length > 0) && ($("#zv6").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv7").html().length > 0) && ($("#zv7").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }
        if (($("#zv8").html().length > 0) && ($("#zv8").change())) {
            //ion.sound.play("water_droplet_2");
            alert("sound");
        }

AJAX示例:

function sync_vitrasa(id){
    $.ajax({
     url: "/vitrasa_state/",
     type:"GET",
     data: {
       id: id,
     },success: function( data ) {
        id="#zv"+id;
        if($(id).html().length == 0){
            $(id).html(data)
            alert("sound");
        }
        else {
            if($(id).html() != data) {

                //ion.sound.play("water_droplet_2");
                alert("image is already there");
            }
        }
     }
});
}

检查是否点击了另一个HTML中的提交:

$(document).ready(function() {
          setInterval(function () {
                $.ajax({
                    url : '/vitrasa/',
                    success : function(data){
                        $('#sub2').click(function() {
                            alert( "calling Ajax." );
                            sync_vitrasa(2);
                        });
                    }
                });
            }, 500);

            });

PD:zvX是HTML td的div id,包含用AJAX收费的图片

1 个答案:

答案 0 :(得分:1)

为什么在知道通过AJAX更改时跟踪td html更改?

例如,如果您的ajax响应中有一些内容

$('#zv8').html(result);

从那里打电话给你需要改变的东西。你已经知道发生了什么变化。

编辑:更改为您的ajax代码

我认为这样的事情可以让你得到你想要的东西。这基本上说如果元素是空的放在图像中。如果它不是空的,请检查我要放入的内容是否与其中的内容不同。如果是的话,做点什么。

function sync_vitrasa(id){
    $.ajax({
     url: "/vitrasa_state/",
     type:"GET",
     data: {
       id: id,
     },success: function( data ) {
        id="#zv"+id;
        if($(id).html(length) == 0){
            $(id).html(data)
        {
        else {
            if($(id).html != data) {
                $(id).html(data);
                //ion.sound.play("water_droplet_2");
                alert("sound");
            }
        }
     }
});