HTML div with jquery on.click not working as expected

Question

Good day i have an html div written below.

 .SubmitOrder { height: 60px; width: 200px; margin-top: 10px; margin-right: 30px; float: right; background: #C40514; text-align: center; display: block; }

 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <div class="SubmitOrder"> <?php echo "Total: ".$totalPrice."<br> Pay Now!" ?> <script> $('.SubmitOrder').on('click', function() { window.location.replace(<?php echo "home.php?account_id=$accountid" ?>); }) </script> </div>

But upon clicking the div it does not redirect me to the link. Am I doing something wrong?

Answer 1

It will be better to place your script inside the head part using the ready function will assure that all the targeted elements inside your script are loaded.

NOTE : You must also wrap the new link <?php echo "home.php?account_id=$accountid" ?> in single quotes '' .

window.location.replace('<?php echo "home.php?account_id=$accountid" ?>');

 .SubmitOrder { height: 60px; width: 200px; margin-top: 10px; margin-right: 30px; float: right; background: #C40514; text-align: center; display: block; }

 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(function() { $('.SubmitOrder').on('click', function() { window.location.replace('<?php echo "home.php?account_id=$accountid" ?>'); }); }); </script> </head> <body> <div class="SubmitOrder"> Total: 1000$ <br> Pay Now! </div> </body> </html>

Answer 2

try this for javascript

<div class="SubmitOrder">
  <?php echo "Total: ".$totalPrice."<br> Pay Now!" ?>


</div>

  <script>
    $('.SubmitOrder').on('click', function() {
      window.location.replace(<?php echo "home.php?account_id=$accountid" ?>);
    })
  </script>

move script tag out of div with class SubmitOrder

HTML div with jquery on.click not working as expected

Question

2 answers

solution1
3 ACCPTED 2018-10-03 11:31:13

solution2
0 2018-10-03 11:27:01

HTML div with jquery on.click not working as expected

Question

2 answers

solution1 3 ACCPTED 2018-10-03 11:31:13

solution2 0 2018-10-03 11:27:01

solution1
3 ACCPTED 2018-10-03 11:31:13

solution2
0 2018-10-03 11:27:01