функции JavaScript не работают должным образом в document.ready ()

Question

Когда я пытаюсь добавить вторую функцию, JavaScript перестает работать на странице. Ребята, вы можете помочь с возможной ошибкой? Благодарю.

Примечание. Если я закомментирую вторую функцию, она будет работать нормально, а код PHP будет элементом CaKePHP.

<script type="text/javascript">
    $(document).ready(function() {
        $("#is_sublet").click(function() {
            $("#sublet_dates").slideToggle();
            return false;
        });
    });

    $(document).ready(function() {
        $("#custom_rates").click(function() { 
            $(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>');
            return false;
        }); 
    }); 
</script>

Answer 1

Эта строка:

$(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>');

Требуется еще одна закрывающая скобка в конце:

$(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>'));

Если вы удалите PHP, его легче увидеть:

$(".avi_specialrates").append($('<PHP WENT HERE>')/*right here you need a `)`*/;

Наличие ошибок, подобных этой, помешает правильной работе JavaScript на странице.

Answer 2

Я думаю, что у вас есть синтаксическая ошибка.Изменение:

 $(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>');

на

 $(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>'));

Отсутствует одна скобка

Answer 3

Это должно работать.

<script type="text/javascript">
$(document).ready(function() {
   $("#is_sublet").click(function() {
   $("#sublet_dates").slideToggle();
   return false;
   });

    $("#custom_rates").click(function() { 
    $(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>'));
    return false;
    });
}); 
</script>

Answer 4

Вместо того, чтобы объявлять (документ). Уже дважды, попробуйте сделать это так:

<script type="text/javascript">
    $(document).ready(function(){
          $("#is_sublet").click(function()
          {
              $("#sublet_dates").slideToggle();
              return false;
    });

    $("#custom_rates").click(function()
    { 
        $(".avi_specialrates").append($('<?php echo $this->element('custom_price_per_night', array('config' => 'sec')); ?>');
        return false;
    }); 
}); 
</script>