DOM的变化

Question

PHP jQuery的触发按钮我有这样的场景： 我有只有很少的HTML elemnts一个简单的PHP文件：一个div叫开关，另一个叫灯和几个按钮。 这两个按钮标记为对和关闭。 灯div空了。 切换div也是空的，但是使用jQuery和Ajax更新txt文件的内容，该文件只包含一个单词：它可以是On或Off。 我想要实现的是这样的：每当文件更新为单词On或Off时，我想要相应地触发On或Off按钮，并通过灯div更改背景颜色。可能吗？ UPDATE：

实施例：

(function($){ 
    $(document).ready(function() { 
    $.ajax({ 
    url : "testfile.txt", 
    dataType: "text", 
    success : function (data) { 
     $("#switch").html(data); 

     // this doesn't seems to work... 
     var word = data.toLowerCase(); 
     $('#' + word).trigger('click'); 

     // this works 
     $(document).ajaxStop(function(e){ 
      var response = $("#switch").html(); 
      $("#" + response.toLowerCase()).trigger("click"); 
     }); 

     var $container = $("#switch"); 
     var refreshId = setInterval(function() 
     { 
      $container.load('testfile.txt').html(); 
     }, 2000); 
     } 
    }); 
}); 
})(jQuery); 

<div id="switch"></div> 
<div id="on" class="button">On</div> 
<div id="off" class="button">Off</div> 

<div id="lamp"></div> 

Answer 1

如果你只有一个Ajax请求，你可以这样做：

$(document).ajaxStop(function(e){ 
    var response = $("#switch").text(); 
    // do what you want with variable response here 
    $("#" + response.toLowerCase()).trigger("click"); 
}); 

Answer 2

因为响应是唯一的一个字。为什么不试试

var word = data.toLowerCase(); 
$('#' + word).trigger('click'); 

在成功回调。

Answer 3

也许这可以帮助你需要的东西：

(function($){ 
    $(document).ready(function() { 
     var $container = $("#switch"); 
     $container.load("testfile.txt", function() { 
      setInterval(function() { 
       $container.load("testfile.txt"); 
      }, 2000); 
     }); 
    }); 
})(jQuery); 

使用clearInterval()需要时停止计时。