PHP jQuery DOM更改上的触发按钮

Question

我有这种情况：我有一个简单的php文件，只有几个html元素：一个名为switch的div，另一个名为lamp的灯和几个按钮。 这两个按钮分别标记为“ 开”和“ 关” 。 灯div为空。 开关div也为空，但使用jQuery和Ajax更新为txt文件的内容，该文件仅包含一个单词：可以为On或Off。 我要实现的目标是：每当使用单词On或Off更新文件时，我都希望相应地触发On或Off按钮，并且light div更改背景色。 可能吗？ 更新：

例：

(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

由于响应只有一个字。 为什么不尝试

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

在成功回调中。

Answer 2

如果只有一个ajax请求，则可以这样：

$(document).ajaxStop(function(e){
  var response = $("#switch").text();
  // do what you want with variable response here
  $("#" + response.toLowerCase()).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()停止计时器。