Hello @supermahesh. Thanks for your enquiry.
The problem there is the forms is running on an embedded code in an iframe so (I assume you are trying to run this code from the parent window) ‘.hs-button’ class is not being found.
Can you try instead?
jQuery('.hs-form-iframe').contents().find('.hs-button').on('click', function() {...})
Please let me know if this solves your issue.
Kind regards,
Alvaro.
Comment deleted, please refer to the answer above
-
This reply was modified 5 years, 9 months ago by
mlamacchia.
Hello still, it is not working . if checked. this is my html code
<iframe id=”hs-form-iframe-0″ class=”hs-form-iframe” scrolling=”no” style=”position: static; border: none; display: block; overflow: hidden; width: 690px; height: 969px;” height=”969″ width=”690″>
<div class=”hs_submit hs-submit” data-reactid=”.hbspt-forms-0.5″><div class=”hs-field-desc” style=”display:none;” data-reactid=”.hbspt-forms-0.5.0″></div><div class=”actions” data-reactid=”.hbspt-forms-0.5.1″><input type=”submit” value=”Submit” class=”hs-button primary large” data-reactid=”.hbspt-forms-0.5.1.0″></div></div>
</iframe>
// my jquery code
<script>
jQuery(document).ready(function(){
jQuery(‘#hs-form-iframe-0’).ready(function(){
jQuery(‘#hs-form-iframe-0’).contents().find(‘.hs-button’).on(‘click’, function() {alert(‘ok’);});
});
});
</script>
Hello @supermahesh,
I think there is an issue in your script, the two ready methods are actually equivalent, you only need one.
<script>
jQuery(‘#hs-form-iframe-0’).ready(function(){
jQuery(‘#hs-form-iframe-0’).contents()
.find(‘.hs-button’).on(‘click’, function() {
alert(‘ok’);
});
});
</script>
But there is also an issue in there. when ‘#hs-form-iframe-0’ is ready, it is still not rendered in the DOM so the next call won’t execute. If you place a console.log(jQuery(‘#hs-form-iframe-0’).length) before you will see the result is 0.
You can implement a method to wait until the element is available i.e. https://gist.github.com/chrisjhoughton/7890303 and then execute the code.
I hope this works for you.
Please let me know
I think I resolved this issue by mistake. Please let us know if the changes proposed work for you.
Kind regards,
Alvaro.
