I have a link create by javacript
<a href="javascript:void(0)" class="view-more" start="15">View more</a>
(I have library jquery)
$('.view-more').click(function() {
console.log($(this).attr('start'));
})
Asked
Active
Viewed 605 times
-2
Chung Bảo Phùng
- 1
- 1
-
This link create before document load, thank! – Chung Bảo Phùng May 02 '17 at 03:43
-
missing `)` at the end also use `#` like `href='#'` – guradio May 02 '17 at 03:44
-
@Chiu , you *could* do that, but it would be much simpler to attach the event to an ansestor element that always exists like: `$(document).on('click','.view-more',function(){ // code here });` – Wesley Smith May 02 '17 at 03:49
1 Answers
2
$('.view-more').click(function() {
console.log($(this).attr('start'));
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="view-more" start="15">View more</a>- Missing
)at the end. - Use
#likehref="#"
If you are creating the links dynamically you should use event delegation like
$("body").append('<a href="#" class="view-more" start="15">View more</a>')
$(document).on('click','.view-more',function() {
console.log($(this).attr('start'));
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>- Use
.on()for dynamically added elements
guradio
- 15,524
- 4
- 36
- 57
-
1you might also mention `.on()` since we're talking about dynamic elements, though the OP is pretty vague there – Wesley Smith May 02 '17 at 03:50
-
1
-
1Thank you very muck. It is what I need ($(document).on). thank you!!!! – Chung Bảo Phùng May 02 '17 at 03:59