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()需要時停止計時。