Level 102
What does "stop working" mean? Error in console? The code looks correct
Sep 1, 2022
18
Level 1
How to append two classes on a single onclick
I want to use .append function on 2 different classes but on a single onclick function
<script>
jQuery(document).ready(function($){
$(window).one('click', function() {
$(".am-fs__main-content").append("<b>Hello World 1</b>");
$(".am-fs__payments-sentence").append("<b>Hello World 2</b>");
});
});
</script>
But When I add Second Append It stop working !
Level 1
@Sinnbeck not working means the 2nd append doesn't work! I think so It is a step form and I am using the second append on the last step that's why it's not working.
Level 102
@Alex Fts so if you swap them, the other one works?
Level 1
@Sinnbeck No it's only working on the first step on the last step, not even a single append is working.
Level 102
@Alex Fts So the isnt clicking 2 classes, but why this one line does not work?
$(".am-fs__payments-sentence").append("<b>Hello World 2</b>");
Level 1
@Sinnbeck I think this line is on the last step therefore it's not picking his class, Is there any alternative way to do this?
Level 102
@Alex Fts Sorry you lost me. If you move it to the top in that click method, it works or it still does not work?
Level 1
@Sinnbeck it still does not work!
Level 102
@Alex Fts Show the html that has that class
Level 75
You don't have an element with the class am-fs__payments-sentence. That's it.
Level 1
@MichalOravec element with this class exists but on the next step of the form
Level 102
@Alex Fts What does next step mean? Different page?
Level 1
@Sinnbeck no it's on the same page with a modal(pop up)
Level 102
@Alex Fts show the html
Level 2
@alex fts
Probably not the answer but should it not be $(window).on('click', function() { and not $(window).one('click', function() { you've got one not on
EDIT -- I've created a quick pen and it seems to work fine if I understand the question correctly so could be a HTML markup issue. https://codepen.io/craig_codes/pen/QWrLRox
Level 102
@cib88 https://api.jquery.com/one/ :) it only triggers once
Level 2
@Sinnbeck I've never come across that before, good to know
Level 102
@cib88 yeah threw me off as well when I saw it for the first time
Please or to participate in this conversation.