dtz46697 2016-08-31 06:43
浏览 62
已采纳

JQuery没有处理AJAX请求

So I have 2 pages. transfer.php and display_guide.php. I call display_guide.php using an AJAX Request to display it on tranfer.php. There is a simple toggle function on display_guide.php and it works just fine when I test it alone. However the toggle function does not work when on transfer.php using the AJAX Call. Any help would be greatly appreciated.

I have looked on other articles and they all suggested that I use the .on method and I have done so. Some side information: I am using Bootstrap, but even when I comment out the bootstrap link, the error persists -- so it can't be bootstrap.

The code for display_guide.php is as follows:

<body>
<!-- GENED TABLE WITH CATEGORY IMPLEMENTATION----------------------------------->

<button id="sri">Toggle between hiding and showing the paragraphs</button>
<p>This is another small paragraph.</p>

<script>
    $(document).on("click", "button", function(){
        $("p").toggle();
    });
</script>
</body>

However, when I want this toggle to be reflected in transfer.php, I have issues. The content loads but it refuses to toggle when I click on the button. It does not mimic the behavior of the standalone page (display_guide.php).

  • 写回答

1条回答 默认 最新

  • doushi1473 2016-08-31 06:47
    关注

    Move your toggle code inside ajax callback inside transfer.php file, to attach event to object after the html has been appended.

          function loadTransferGuide(str3) {
            var xhttp3 = new XMLHttpRequest();
            xhttp3.onreadystatechange = function() {
                if (xhttp3.readyState == 4 && xhttp3.status == 200) {
                    document.getElementById("transfer_guide").innerHTML = xhttp3.responseText;
                    $(document).on("click", "button", function(){
                         $("p").toggle();
                    });
                }
            };
            xhttp3.open("GET", "display_guide.php", true);
            xhttp3.send();
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 用PLC设计纸袋糊底机送料系统
  • ¥15 simulink仿真中dtc控制永磁同步电机如何控制开关频率
  • ¥15 用C语言输入方程怎么
  • ¥15 网站显示不安全连接问题
  • ¥15 github训练的模型参数无法下载
  • ¥15 51单片机显示器问题
  • ¥20 关于#qt#的问题:Qt代码的移植问题
  • ¥50 求图像处理的matlab方案
  • ¥50 winform中使用edge的Kiosk模式
  • ¥15 关于#python#的问题:功能监听网页