jquery - 加载不从 HTML 文件加载任何内容

Question

我有一个图像（id="plantilla1"），这使得一个 html 出现在一个 div（id="contenidor_plantilla"）中。所以当我点击图片时plantilla1.html可能会加载到 div 中id="contenidor_plantilla"。

有什么问题？？它什么也没做！

<a href="#" id="plantilla1"><img class="plantilles" src="imatges/plantilles/plantilla1.gif"></a>

<div id="contenidor_plantilla">hola</div>

这是 Jquery 代码：

/****************************    TEMPLATE MAKER      ****************/
$(function () {
    $("#plantilla1").click(function () {
        $("#contenidor_plantilla").load('plantilla1.html');
        alert();
    });
});

Answer 1

似乎您没有在此脚本之前包含您的 jQuery。在此脚本顶部添加一个 jquery 插件：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'>
</script>

<script>
    $(function () {
      $("#plantilla1").click(function () {
        $("#contenidor_plantilla").load('plantilla1.html');
        alert();
      });
    });
</script>

按此顺序使用它。and debug the path of your file which you are trying to load.