带有 jquery on.click 的 HTML div 未按预期工作

Question

美好的一天，我在下面写了一个 html div。

 .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>

但是在单击 div 时，它不会将我重定向到链接。 难道我做错了什么？

Answer 1

最好使用ready函数将脚本放在head部分中，以确保加载脚本中的所有目标元素。

注意：您还必须将新链接<?php echo "home.php?account_id=$accountid" ?>用单引号''括起来。

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

试试这个 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>

使用类SubmitOrder将脚本标签移出 div

带有 jquery on.click 的 HTML div 未按预期工作

问题描述

2 个解决方案

解决方案1
3 已采纳 2018-10-03 11:31:13

解决方案2
0 2018-10-03 11:27:01

带有 jquery on.click 的 HTML div 未按预期工作

问题描述

2 个解决方案

解决方案1 3 已采纳 2018-10-03 11:31:13

解决方案2 0 2018-10-03 11:27:01

解决方案1
3 已采纳 2018-10-03 11:31:13

解决方案2
0 2018-10-03 11:27:01