按钮单击功能无法通过Ajax调用工作

时间:2018-09-25 09:44:46

标签: javascript jquery

我将尝试保持简单。

我有一个通过ajax调用模式弹出窗口的函数,它将加载保存在数据库中的所有图像。此模式显示图像,并提供单击另一个按钮以将图像“插入”表单的选项。 (它将图像放在主页上,并将图像id插入隐藏的输入字段中。)

我使用了'onclick =“ functionName()”'选项,但是由于我仍在学习js和jQuery,因此我发现这种方式已经过时了。所以我一直在努力更新我的代码。

这就是我所拥有的,并且我已经进行了几个小时的研究,而且据我所知,由于ajax加载了这些新的函数调用,因此DOM无法将它们识别为“调用” JS功能?

如果有人能帮助我或指出正确的方向,我将不胜感激。

//Ajax Modal Button:
<img/>
<button type="button" class="insertPageImages">Insert Image</button>

//JS Function
$(function(){
     $('button.browsePageImages').on('click', (function(e){
          //Loads Ajax Modal For insertPageImages Button
     }));

     $('button.insertPageImages').on('click', (function(e){
        e.preventDefault();
        alert("TEST WORKING");
    }));
});

0 个答案:

没有答案