HTML div с jquery on.click не работает должным образом - PullRequest
0 голосов
/ 03 октября 2018

Добрый день, у меня есть HTML-код, написанный ниже.

.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 он не перенаправляет меня на ссылку.Я что-то не так делаю?

Ответы [ 2 ]

0 голосов
/ 03 октября 2018

Будет лучше разместить ваш скрипт внутри части head, используя функцию ready, которая обеспечит загрузку всех целевых элементов внутри вашего скрипта.

ПРИМЕЧАНИЕ: Вы также должны заключить новую ссылку <?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>
0 голосов
/ 03 октября 2018

попробуйте это для 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>

убрать тег сценария из div с классом SubmitOrder

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...