首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery onclick没有触发吗?

jquery onclick没有触发吗?
EN

Stack Overflow用户
提问于 2019-05-22 00:03:13
回答 2查看 66关注 0票数 0

编辑:原始帖子被删除,因为它已经缩小了相当多。最初的帖子是关于尝试在点击按钮时动态添加元素。缩小范围后,它似乎不是代码,而是其他东西。我可以在jsfiddle上得到完全相同的代码,所以我一定是在我的设置中的某个地方遗漏了一些东西,导致click事件不能触发/不被处理。同样不确定在哪里可以找到解决这个问题的方法。我尝试添加一些内联和在js文件中的jquery,如下所示,它工作(内联和在js文件中)没有问题。

代码语言:javascript
运行
复制
$(document).ready(function(){ 

    $("div").css("border", "3px solid red");

});

然而,无论是内联还是在js文件中,下面的代码都不会触发。

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("#jpctesting").click(function() {
        alert("this happened");
    });
});

html元素位于php文件中,如下所示,在检查元素时,它以正确的id存在,等等

代码语言:javascript
运行
复制
<input type="button" value="Add Currency" id="jpctesting" />

有什么想法可以解释为什么会这样吗?

EN

回答 2

Stack Overflow用户

发布于 2019-05-22 18:25:43

你的问题有点杂乱无章,因为有太多的内容。但对于您提出的“单击按钮时动态添加字段”的问题,您可以在此处使用此函数。假设您想要将图像动态添加到视图中。我使用的是JQuery。

这是HTML

代码语言:javascript
运行
复制
     <div class="container">
        <!--content goes here -->
    </div>


 <button type="button" onclick="generate_field_with_click()">Click Me!</button>

此JS文件

代码语言:javascript
运行
复制
    var bId = 0;
var imageUrl = "asdasdaimage.jpg"

function generate_field_with_click() {
bId++;
var str = "";

str += "          <div class=\"new__img\">";
str += "            <img  class='nImage'  id=" + 'nIcon' + bId + " src=\"\">";
str += "          <\/div>";

$(".container").append(str);

var id = 'nIcon' + bId;
document.getElementById(id).src = imageUrl;}

这就对了,这应该可以将任何字段添加到DON中,顺便说一句,创建新的ID时要时刻注意。

票数 0
EN

Stack Overflow用户

发布于 2019-05-23 02:22:28

使用缩小范围的问题,您可以尝试这个问题。

代码语言:javascript
运行
复制
$(document).ready(function() {
  $('#jpctesting').on('click', function() {
 alert("this happened");}); });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56242268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档