Javascript 未使用jQuery加载模式内容

我正在尝试为用户制作一个关于代理设置的说明页面

我已经为每个浏览器列出了一步一步的操作步骤，并在图片上添加了一个链接，展示了如何操作

我想在一个PHP文件中显示图片，该文件获取所需的图像文件，并根据其参数

s

和

b

显示在页面上，这些参数代表

s:step

和

b:browser

我的jQuery是

$(function() {

    $("a[id^='proxy_']").click(
            function() {  
                var b = $(this).data("b");
                var s = $(this).data("s");
                $("#proxy_modal_title").html("Proxy Settings");
                $("#proxy_modal_body").load("images/proxy_settings/proxy.php?b=" + b + "&s=" + s);
            });

});

它应该加载

/images/proxy\u settings/proxy.php？b=ie&s=1

，但什么也没发生。 HTML是（仅一部分）

脚本不会侦听单击事件，尽管它会响应另一个相同的事件：

这适用于驻留在同一文件（script.js）中的文件：

---

如果li元素是动态生成的，则应尝试以下操作：

$(document).on("click", "a[id^='proxy_']", function () {
       //    
});

---

php文件位于文件夹

images/proxy\u settings/

可能在您的

proxy.php

文件中将img src更改为：

echo'

更新：
我不知道为什么，但我的萤火虫告诉我404未找到错误！
将此代码替换到proxy.php中，它应该可以工作

echo '<img src="images/proxy_setting_' . $_GET['b'] . '_' . $_GET['s'] . '.png " />';

echo'；
首先，我很抱歉浪费了你们宝贵的时间

我试图使用jQuery的load（）函数将instructions.html检索到index.php中。我搬家了

$(function() {

    $("a[id^='proxy_']").click(
            function() {  
                var b = $(this).data("b");
                var s = $(this).data("s");
                $("#proxy_modal_title").html("Proxy Settings");
                $("#proxy_modal_body").load("images/proxy_settings/proxy.php?b=" + b + "&s=" + s);
            });

});

html本身就没有问题。
您绑定到的元素是否动态添加到html中？@C-link是的。在li元素内部控制台的输出是什么？@Anton还没有。我计划在看到它运行良好后将其转换为动态。图像路径是否相对于执行jquery代码的页面？为了您的缘故，请尝试。没有什么变化。即使你是对的，我也会有一个404错误。什么也没发生。你能给我们提供一个实时链接吗？这很奇怪。好的，我已经构建了你提供的代码，并在我的本地计算机上进行了测试。您应该在proxy.php中更改此选项：echo“”；
|.
|-js
  |-script.js
|-images
  |-proxy_settings
  |-proxy.php
  |-proxy_setting_ie_1.png
  |-proxy_setting_ie_2.png
  |-proxy_setting_ie_1.png
  |-proxy_setting_ie_3.png
  |-proxy_setting_ie_4.png
  |-proxy_setting_ie_5.png
  |-proxy_setting_ie_6.png
  |-proxy_setting_ie_7.png
|-instructionpage.html
|-messageform.php
|-index.php

jQuery("#sendMessage").click(
        function() {
            jQuery("#sendmessage_modal_title").html("Send A Message");
            jQuery("#sendmessage_modal_body").load("messageform.php");
        });

$(document).on("click", "a[id^='proxy_']", function () {
       //    
});

echo '<img src="images/proxy_setting_' . $_GET['b'] . '_' . $_GET['s'] . '.png " />';

$(function() {

    $("a[id^='proxy_']").click(
            function() {  
                var b = $(this).data("b");
                var s = $(this).data("s");
                $("#proxy_modal_title").html("Proxy Settings");
                $("#proxy_modal_body").load("images/proxy_settings/proxy.php?b=" + b + "&s=" + s);
            });

});