在单击链接时,我想显示一个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) 我无法将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移动网站上创建了一些按钮.我像这样创建它们:
$('#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我认为应该工作的属性.
但是,警报永远不会执行.我在这里做错了什么?
在我的网页中,我每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) 美好的一天.最近我开始学习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()事件是否还有其他替代品?
我在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/ 谢谢
我正在发送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)