CakePHP3.1JavaScript_Javascript_Php_Jquery_Cakephp_Frameworks

CakePHP3.1JavaScript

javascript php jquery cakephp frameworks

CakePHP3.1JavaScript,javascript,php,jquery,cakephp,frameworks,Javascript,Php,Jquery,Cakephp,Frameworks,如何在不重新加载jquery.js的情况下创建使用javascript的元素？我已经在布局上加载了每次，我都要把它装进去。这是我的元素/contacts.ctp (entire html) <script type="text/javascript" src="js/jQuery/jQuery-2.1.4.min.js"> </script> <script type="text/javascript" src="js/bootstrap/novo.js"&g

如何在不重新加载jquery.js的情况下创建使用javascript的元素？我已经在布局上加载了

每次，我都要把它装进去。这是我的元素/contacts.ctp

(entire html)
<script type="text/javascript" src="js/jQuery/jQuery-2.1.4.min.js">
</script>
<script type="text/javascript" src="js/bootstrap/novo.js">
</script>
<script type="text/javascript">
  var id = '1';
  $(function(){$(document).on('click', '.btn-add', function(e){

      e.preventDefault();

      var inpute = '<div class="entradas-'+id+'" hidden></br><select class="form-control" id="tipo." name="abc['+id+'][tipo_id]"><?php foreach($contatotipo as $tipo): ?><option value="<?= $tipo->id; ?>"><?= $tipo->nome; ?></option>                <?php endforeach; ?>            </select>            <input class="form-control" id="contato" placeholder="Preencher" name="abc['+id+'][contato]">            <button class="btn btn-danger btn-remove" id="addcontato" type="button">                <span class="fa fa-minus"></span>            </button>    </br> </div>';
      $(".novas").before(inpute);
      $('.entradas-'+id).slideDown('slow');
      return id++;
    })
    .on('click', '.btn-remove', function(e)
    {
      $(this).closest('div').slideUp();

      e.preventDefault();
      return false;
    });
  });
</script>

（整个html）
变量id='1'；
$（function（）{$（document）.on（'click'，'.btn add'，function（e）{
e、 预防默认值（）；
var input='
首先，将自定义JavaScript代码放在一个单独的文件中。然后，将其包装在$（document）.ready（）函数中，如下所示
$(document).ready(function(){
    var id = '1';

    $(function(){$(document).on('click', '.btn-add', function(e){
       ...
    }
    ...
});

这告诉jQuery等待代码执行，直到页面上的所有元素都被绘制出来
然后，加载
标记中的所有脚本：
<html>
   <head>
      <script type="text/javascript" src="js/jQuery/jQuery-2.1.4.min.js"></script>
      <script type="text/javascript" src="js/bootstrap/novo.js"></script>
      <script type="text/javascript" src="js/your/custom/path.js">
   </head>



使所有页面的标题都相同，就可以开始了。
如果我理解正确，您可以在每个页面的
中包含脚本标记？将它们放在
标记之间的标题文件中，然后为每个页面加载该标题文件，这样，如果我在标题中加载temp的脚本，您就不必重复自己的操作迟到不起作用。将所有内容包装到$（文档）.ready（function（）{…}）；
中，让脚本等待页面上的所有元素呈现。我将在回答中向您显示