个人中心
gpt4 book ai didi

javascript - $ 未在 JQuery 中定义

转载 作者：行者123 更新时间：2023-12-02 16:01:00 25 4
gpt4 key购买 nike

让我向你们展示一下，我将此代码放在名为consultas.php的文件中

CONSULTAS.PHP

此文件显示包含数据的表，位于名为 folio id="'.$row["folio"].'" 的列末尾。当我点击那里时，这向我展示了 VISTAPREVIA.PHP 以获取有关此作品集的更多数据，但在分页 #1 中它工作得很好，现在当我要分页 #2 时，我再次单击，但不起作用，因为它不起作用不向我显示任何内容，错误告诉我:Uncaught ReferenceError: $ is not defined 

<script type="text/javascript">     
        $(document).ready(function() {
            var table = $('#registros').DataTable({
                "paging": true                
            });
            //new $.fn.dataTable.AutoFill( table );
            $('.back').on("click", function(event)
            {            
                event.preventDefault();            
                location.reload();
            });

            $('.modificar').on("click", function(event)
            {            
                event.preventDefault();            
                //Cargamos el contenido del enlace
                var f = $(this).attr('id');
                $('#mainContainer').load(this.href, {folio: f}, function(){                     
                });
            });
            $('.vistaprevia').on("click", function(event)
            {            
                event.preventDefault();            
                //Cargamos el contenido del enlace
                var f = $(this).attr('id');
                $('#mainContainer').load(this.href, {folio: f}, function(){                     
                });
            });
            $('.detalle').on("click", function(event)
            {            
                event.preventDefault();
                var f = $(this).attr('id');
                $('<div></div>').load(this.href, {folio: f}).modal();                            
                
            });
        });
    </script>
<a href="#" class="back">REGRESAR ATRÁS</a>
<h1 class="titPer">CONSULTA DE LA TABLA</h1>
<div class="tabla">
    <table id="registros" class="display" cellspacing="0">
        <thead>
            <tr>
                <th>Folio</th>
                <th>Estatus</th>
                <th>Punto de Venta</th>
                <th>Usuario</th>
                <th>Acciones</th>            
            </tr>
        </thead>        
        <tbody>
            <?php
                while ($row = mysql_fetch_array($consulta)) {
            ?>
                <tr>                            
                    <td><?=$row['folio']?></td>                
                    <td><?=$row['estatus']?></td>                
                    <td><?=$row['punto_venta']?></td>
                    <td><?=$row['usuario']?></td>
                    <td>
                        <?php
                            if($_SESSION['permisos'] == 'VENDEDOR' || $_SESSION['permisos'] == 'JEFESUC' || $_SESSION['permisos'] == 'EMBARQUES'){
                                echo '
                                    <center>
                                        <a class="modificar icon-pencil" href="includes/vistaPrevia.php" id="'.$row["folio"].'"></a>
                                         | 
                                        <a class="detalle icon-eye-plus" href="includes/lightbox.php" id="'.$row["folio"].'"></a>
                                    </center>
                                ';                                
                            }else{
                                echo'
                                    <center>                                    
                                        <a class="vistaprevia icon-eye-plus" href="includes/vistaPrevia.php" id="'.$row["folio"].'"></a>
                                    </center>
                                ';
                            }
                        ?>                        
                    </td>
                </tr>
            <?php
                }
            ?>
        </tbody>
    </table>                 
</div>

VISTAPREVIA.PHP

<?php session_start(); ?>
<head>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>

</head>
<a href="includes/consultas.php" class="back">REGRESAR ATRÁS</a>
<h1 class="titPer">ACTUALIZACIÓN DE DATOS</h1>
<!-- <form action="includes/"></form> -->
<?php
    if($_SESSION['permisos'] == 'CALIDAD'){
        include('upRegCal.php');
    }
?>

<form action="includes/edit.php" enctype="multipart/form-data" id="formAct" method="POST" name="enviarForm">
    <?php
        if($_SESSION['permisos'] == 'VENDEDOR' || $_SESSION['permisos'] == 'JEFESUC' || $_SESSION['permisos'] == 'EMBARQUES'){
            include('upRegUser.php');
        }

        if($_SESSION['permisos'] == 'ADMINISTRADOR'){
            //include('upRegCal.php');
            echo "Hola Administrador";
        }
    ?>    
</form>

最后

INDEX.PHP
我必须保证这一部分，因为我放置了正确的 Jquery 脚本，但我不知道为什么，我找不到问题，是的，我使用 Datables 脚本 

<?php
    session_start();     
?>
<!DOCTYPE html>
<html>
    <head>  
        <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
        <title>Bienvenido</title>
        <script src="js/jquery-1.11.2.js"></script>     
        <script src="js/funciones.js"></script>
        <script src="libs/datatables/media/js/jquery.dataTables.js"></script>
        <script src="libs/datatables/extensions/AutoFill/js/dataTables.autoFill.js"></script>

        <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
        <script type='text/javascript' src='js/basic.js'></script>

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400,600,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/normalize.css" type="text/css"/>    
        <link rel="stylesheet" href="css/estilos.css" type="text/css"/>     
        <link rel="stylesheet" href="css/estilosForm.css" type="text/css"/>
        <link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />       
   
        <link rel="stylesheet" href="libs/datatables/media/css/jquery.dataTables.css" type="text/css"/>
        <link rel="stylesheet" href="libs/datatables/extensions/AutoFill/css/dataTables.autoFill.css" type="text/css"/>     
        
    </head>
     
    <body>
        <div class="fondoHeader"></div>
        <header class="shadow">
            <nav>       
                <?php                               
                if(isset($_SESSION['usuario']))
                    include('includes/btnSiSession.php');                   
                else
                    include('includes/btnNoSession.php');                   
                ?>              
            </nav>          
        </header>       
        <div id='mainContainer'>        
            <?php                           
                include('includes/bienvenido.php');             
        
                if(isset($_SESSION['usuario'])){
                    echo "<script language='JavaScript'>"; 
                    // echo "document.getElementById('login').style.display='none'"; 
                    echo "document.getElementById('login').style.visibility='hidden'"; 
                    echo "</script>";
                }
                else{
                    echo "<script language='JavaScript'>"; 
                    // echo "document.getElementById('login').style.display='block'"; 
                    echo "document.getElementById('login').style.visibility='visible'"; 
                    echo "</script>";
                }
            ?>
        </div>
        <div class="clear"></div>
        <footer> 
            <?php
                include('includes/footer.php');
            ?>    
        </footer>
    </body>
</html>

更新我把这段代码放在 jQuery CDN 脚本中

<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">     
        $(document).ready(function() {
            var table = $('#registros').DataTable({
                "paging": true                
            });
            //new $.fn.dataTable.AutoFill( table );
            $('.back').on("click", function(event)
            {            
                event.preventDefault();            
                location.reload();
            });

            $('.modificar').on("click", function(event)
            {            
                event.preventDefault();            
                //Cargamos el contenido del enlace
                var f = $(this).attr('id');
                $('#mainContainer').load(this.href, {folio: f}, function(){                     
                });
            });
            $('.vistaprevia').on("click", function(event)
            {            
                event.preventDefault();            
                //Cargamos el contenido del enlace
                var f = $(this).attr('id');
                $('#mainContainer').load(this.href, {folio: f}, function(){                     
                });
            });
            $('.detalle').on("click", function(event)
            {            
                event.preventDefault();
                var f = $(this).attr('id');
                $('<div></div>').load(this.href, {folio: f}).modal();                            
                
            });
        });
    </script>

最佳答案

在 consultas.php 中，在使用 JQuery ( <script src="js/jquery-1.11.2.js"></script> ) 之前，您必须在 <script> 之前包含它。 .

在web中，每个页面都是不同的，那么你必须在每个页面中添加jQuery。

示例

<script src="js/jquery-1.11.2.js"></script>
<script type="text/javascript">     
        $(document).ready(function() {
        /* ... */
        });
</script>

关于javascript - $ 未在 JQuery 中定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31211151/

25 4 0
文章推荐： javascript - while(count!==3) 无法检查回调状态
文章推荐： arrays - react .js : How to properly append multiple items to an array state using its use-state hook setter?
文章推荐： r - 让函数中的函数从省略号中提取它期望的参数并忽略所有其他？
文章推荐： javascript - 如何向表格添加标题和跨度
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com