相关疑难解决方法(0)

附加链接上的单击功能不起作用

在单击链接时,我想显示一个div并在该div中添加另一个链接.然后我想在附加链接上使用click功能.

在下面的代码中,"click"链接上的click功能不起作用.我无法弄清楚这个问题.我将不胜感激任何帮助.

请检查JsFiddle以查看问题.

演示: http ://jsfiddle.net/QYL3x/

jQuery的:

$('.big-link').click(function(e){
    $('#myDiv').append('<a class="link" href="#">Click</a>');
});


$('.link').click(function(e){
    alert("clicked");
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<a href="#" class="big-link" data-reveal-id="myDiv">Fade</a>
<div id="myDiv" class="reveal-modal"></div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

2
推荐指数
1
解决办法
1845
查看次数

动态创建的内容不绑定jQuery事件

我无法将jQuery事件绑定到动态创建的列表项.

btnRemoveItem是由jQuery开始添加之后不会触发的事件.

$('#btnAddStore').on('click', function(){
  (...)
  $.ajax({
    success: (function(result) {
      (...)
      var li = jQuery('<li/>', {
          'id': object['id']
         }).append('<span title="Remove item from list" class="btnRemoveItem"></span>')
           .append('<span class="text">' + name_adr[0] + '</span>')
           .append('<span class="address">' + name_adr[1] + '</span>');

      $(li).appendTo('#'+ country + ' ul');
    }
  });
});
Run Code Online (Sandbox Code Playgroud)

我在这里看了类似的问题,但我没有找到解决我问题的答案.我在这段代码中遗漏了什么?

jquery html5

1
推荐指数
1
解决办法
1207
查看次数

一个.click事件处理程序,用于多个按钮

我动态地在jQuery移动网站上创建了一些按钮.我像这样创建它们:

$('#Gallery' + i + ' .gallery').after('<button type="button" class="loadMorePhotos">More Photos...</button>');
Run Code Online (Sandbox Code Playgroud)

然后我创建一个这样的简单.click事件处理程序:

$(".loadMorePhotos").click(function(){
            alert("ok malaka!");
});
Run Code Online (Sandbox Code Playgroud)

我很谨慎,不要使用id属性来识别按钮,因为我有多个按钮,这会搞砸.相反,我使用了class我认为应该工作的属性.

但是,警报永远不会执行.我在这里做错了什么?

javascript jquery

1
推荐指数
1
解决办法
961
查看次数

<li> ajax后点击功能不起作用[事件委托问题]

在我的网页中,我每5秒更新一个无序列表$ .get()的内容.问题是列表项的单击功能不起作用.列表项目正在按照它们应该更新,但点击功能有问题

       $(document).ready(function(){
           $(".request").click(function(){
            alert("hello");
                        //do some stuff
                      });


          window.setInterval(function() {
         $.get('/changeListItems/',function(data,status){

            //alert(data[0]);
            $('#collabRequests > li').remove();
              for(user in data)
              $('#collabRequests').append('<li class=\"request\">'+'user-'+data[user]+' wants to collaborate!'+'</li>');

            });
        },5000);   
 });


   <!-- Html snippet -->
     <div id="invitedUsers">
    <h2> List of users you have invited for this page</h2>  
    <ul id="collabRequests">        

    </ul>   
   </div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1
推荐指数
1
解决办法
893
查看次数

jQuery on()无法正常工作

美好的一天.最近我开始学习jQuery,在开发jQuery方面我非常环保.

我对.on()事件有以下问题.我已经搜索了堆栈溢出的答案,但我没有找到任何有效的解决方案.我有以下代码:

$('input.a').on('click',function(){
    $(this).after('<input class="a" type="button" value="click me">');
});
Run Code Online (Sandbox Code Playgroud)

这个功能工作正常,但是当我点击它们时生成的按钮什么都不做.我应该使用.live(); 事件,但因为我正在使用jQuery 1.10.2这个事件已被弃用.在访问jQuery文档之后,我发现我应该以下面的方式使用.on()

$('input.a').on('click','input.a',function(){
    $(this).after('<input class="a" type="button" value="click me">');
});
Run Code Online (Sandbox Code Playgroud)

但是一旦我这样做,整个功能就会停止工作(我假设,因为我没有得到任何反馈),但是开发人员的控制台也没有错误.我做错了什么,或者.live()事件是否还有其他替代品?

javascript jquery

1
推荐指数
1
解决办法
112
查看次数

jquery单击输入[type ='']不起作用

我在jquery中遇到了.click()事件的问题.我用按钮创建一个输入标签,然后当我点击这个标签时,它必须显示一条警告信息.但它不起作用.这是HTML代码:

<div id="test">

</div>
<input type="button" id="btn" value="Submit" />
Run Code Online (Sandbox Code Playgroud)

和Jquery代码:

$("#btn").click(function(){    
    html = "<input type='text' size='1' name='courses[]' value='1' />";
    $("#test").after(html);
});
$("input[type='text']").on("click", function(){             
    alert('ppp');

});
Run Code Online (Sandbox Code Playgroud)

所有jquery库都链接在真实站点中.这是jsFiddle中的一个例子:http://jsfiddle.net/82pps6Lz/29/ 谢谢

javascript jquery

1
推荐指数
1
解决办法
8857
查看次数

jQuery事件处理程序不处理附加元素

我正在发送ajax请求,我已将结果附加到div上.在此追加之后,如果我想点击附加的链接(exec jquery点击功能),为什么点击功能doesen't工作?(抱歉英文不好:P)

编辑:

jQuery('.more').live("click",function() {
    var ID = jQuery(this).attr("id");
    if(ID) {
        jQuery("#more"+ID).html('<img src="template/css/images/moreajax.gif" />');
    jQuery.ajax({
        type: "POST",
        url: "loadmore.php",
        data: "lastid="+ ID, 
        cache: false,
        success: function(html){
            $("#contentWall").append(html);
        jQuery("#more"+ID).remove(); // removing old more button
        }
    });
    } else {
        jQuery(".morebox").html('The End');// no results
    }
return false;
});
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
2811
查看次数

标签 统计

jquery ×7

javascript ×5

html ×2

html5 ×1