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

与其声明（document）.ready两次，不如尝试这样做：

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