将jquery自动完成代码段移动到script.js文件

Question

我试图通过将jquery自动完成代码移动到scripts.js文件来保持DRY原则，但是我在移动它时无法使自动完成功能正常工作。

这是目前的设置。

添加表格

    <head>
    <?php
     require_once ('includes/connect-db.php');
     require_once ('includes/functions.php');
    ?>
        <link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="includes/js/jquery-ui-1.8.21.custom.min.js"></script>
        <script type="text/javascript">


        $('document').ready(function() {
            $('#datepickerID').datepicker({
                changeYear:true,
                changeMonth:true,
                dateFormat:'yy-mm-dd'
            })

        <?php $productArray = autoComplete();?>

        $(function() {

                var js_products_array = <?php echo json_encode($productArray); ?>;

                $( "#autocompleteID" ).autocomplete({
                    source: js_products_array
                 });
            });

        });

        </script>
</head>

我不确定在JavaScript中嵌入php代码时如何使它在addForm.php和scripts.js之间工作。

Answer 1

您必须将js_products_array保留在.js文件之外，因为它包含来自PHP脚本的数据，并在准备好文档时初始化autocomplete() 。

所以你只能保留

<?php $productArray = autoComplete();?>
<script type="text/javascript">
    var js_products_array = <?php echo json_encode($productArray); ?>;
</script>

在您的file.js您可以添加

 $('document').ready(function() {
     $('#datepickerID').datepicker({
           changeYear:true,
           changeMonth:true,
           dateFormat:'yy-mm-dd'
     })

     $( "#autocompleteID" ).autocomplete({
           source: js_products_array
     });
 });

将jquery自动完成代码段移动到script.js文件

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-08-20 10:10:08

将jquery自动完成代码段移动到script.js文件

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-08-20 10:10:08

解决方案1
1 已采纳 2012-08-20 10:10:08