个人中心
gpt4 book ai didi

php - jquery 函数在页面加载之前启动

转载 作者：搜寻专家 更新时间：2023-10-31 21:36:59 25 4
gpt4 key购买 nike

我有一个 php 页面，在头部有一些指向 js 文件的外部链接，在 body 上我有一些来自 jquery 的可选元素(有时我没有它们，因为如果用户登录就会生成 thouse 元素) .问题出在我写的 javascript 中，我得到这个错误:TypeError: Object [object Object] has no method 'disableSelection'。即使我在 php 中放置了一个“.sortable”元素，我仍然会收到此错误。在 html 中看起来没有问题并且工作正常。给我错误的代码是这样的:

对不起我的英语。如果你愿意，我可以放孔代码，但太大了。我认为问题是因为 javascript 加载太快或在生成 html 之前。(我试图在 js 中放置一个变量，并且该函数在 if() 下但不工作)

javascipt(scripturi.js):

 var logat=0;

$(document).ready(function() {

    $( ".sortable0" ).sortable();
    $( ".sortable0" ).disableSelection();

    $( ".sortableIt" ).disableSelection();
    $( ".sortableIt" ).sortable(
    {
        stop: function(event, ui) 
        {
            for(var i=0;i<ui.item.parent().children().length;i++)
            {
                 var x =ui.item.parent().children()[i].id;
                 //update items din acest sertar
                //updateItemServer(x,i)
                //alert(x+ " " + i);   
            }       
        }
    });

    $( ".sortable" ).disableSelection();
    $( ".sortable" ).sortable({ stop: function(event, ui) {reparaZindex();}});

});


function updateItemServer(x,i){
//alert(x+" "+i);

}

 function incarca(){
    $(document).ready(function (){
            $.getJSON("http://students.info.uaic.ro/~calin.chifan/api/compartiment/list.json", function(data){ 
                var html = [];
                /* loop through array */
                $.each(data, function(index, d){   
                    addCompartiment(d.nume_comp,d.id);
                });
            }).error(function(jqXHR, textStatus, errorThrown){ /* assign handler */
                alert("error occurred!");
            });
    });
}

function addCompartiment(nume,id){
     $("#sortable0").append('<ul class="sortable" id'+ +'>');
}


 function updateIndexServer(x,y){
 //alert(x+" "+y);
 //trimite id-ul x si pozitia y
 }

function reparaZindex(){
    $.each($(".sortable > li"), function() 
    {
        if($(this).find('.sertar')[0])
        {
            $(this).find('.sertar').eq(0).css('z-index',(500-$(this).index()*2));
            updateIndexServer($(this).find('.sertar')[0].id,$(this).index())
        }

        if($(this).find('.sortableIt')[0])
            $(this).find('.sortableIt').eq(0).css('z-index',(501-2*$(this).index()));               
    }); 
} 

window.onload = function() {
    //incarca();
    //reparaZindex();
}

很奇怪在html中我没有这个问题。用户登录后，我想调用一个函数来附加一些 ul (.selectable) 元素，但到目前为止它甚至没有注意到有一些元素。如果您愿意，我可以为您提供指向我工作页面的链接。

PHP 的一点点:

    <?php
    ini_set('session.save_path', '/tmp/');
    session_start();

        $logged=0;
        if(isset($_SESSION['autentificat']))
        {
            if($_SESSION['autentificat']==1)  
            $logged=1;
        }
      $user= $_COOKIE['user'];
    echo'
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!DOCTYPE html>
    <html>
    <head>
    <title>Proiect Web</title>

      <meta charset="utf8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>jQuery Dropdown Login Freebie | The Finished Box</title>
       <link rel="stylesheet" type="text/css" href="main.css">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <script src="login.js"></script>
            <script src="scripturi.js"></script>
            <script src="dulap.js"></script>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
            <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>


            <script src="login.js"></script>
            </head>'
            ;

      if($logged==1)
      {
        echo'<body onload="loadYeslog()">';



      }  
  else {
    echo'<body onload="loadNoLog()">';
  }

echo
    '<div class="mainbar">

                <div id="loginContainer">
                <div id="loginButton"><span style="display:block;width:48px;height:27px; ">Login</span></div>
                <div id="logoutButton" class="barbutton" style"cursor:pointer;"><span>Logout</span></div>';



      if($logged==0) 
      {
        echo'<div id="welcomeLabel" class="barbutton"><span>Not Logged in!</span></div>';
      }
      else
      {
        echo '<div id="welcomeLabel" class="barbutton"><span>Welcome '.$user.' !</span></div>';

      }

echo '<div style="clear:both"></div>
                <div id="loginBox">                 
                    <form id="loginForm" action="autentificare2.php" method="POST">
                        <fieldset id="body">
                            <fieldset>
                                <label for="username">
                  Username</label>
                                <input type="text" name="user"/>
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password"/>
                            </fieldset>
                            <input type="submit" id="login" value="Sign in" />

                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                        <span><a href="recovery.php" style="color: white;">Forgot your password?</a></span>
                         <div id="regbut"><span>New user ? </span></div>
                    </form>
                </div>
                <div id="regbox">
                           <form id="registerform" action="register.php" method="POST">
                            <table style="margin-top:10px;">

                                <label for="Dusername">
                                  REGISTAR FOARM!!! </label>


                                <tr>
                                   <td>
                                   <label for="Dusername">
                                   Username: </label>
                                   </td>
                                   <td>';
                                   ?>

                                   <input type="text" name="Duser"   placeholder="Introduceti numele de cont dorit" onblur="javascript:semnaleazaExistaNume (this.value, '')"  />
                                   </td>
                                   <td>
                                   <span class="ascuns" id="eroareNume">Numele deja exista, alegeti altul... </span>
                                   </td>
                                </tr>


                                <tr>
                                  <td>
                                  <label for="Dpassword">
                                  Password: </label>
                                  </td>
                                  <td>
                                 <input type="password" name="Dpassword"/>
                                 </td>
                                 </tr>

                                <tr>
                                <td>
                                   <label for="Demail">
                                  E-Mail: </label>
                                  </td>
                                  <td>
                                 <input type="text" name="Demail"/>
                                 </td>
                                 </tr>

                                <tr>
                                    <td>
                                 <input type="submit" id="register" value="Register" />
                                  </td>
                                 </tr>
                             </fieldset> 
                            </table>
                            </form>
                </div>
            </div>   
    </div>
  <div class="box">
    <ul class="sortable0" id="sortable0">
        <ul class="sortable" id="sortableColona1">
        <li id="sertar1" style="z-index:10"> 
            <img id="sertar11" class="sertar" ONCLICK="openS(this)" style="position: relative;z-index:500;aligh:center;" src="img/sertar1.png">
            <ul id="ui items1" style="z-index:501;position:relative;visibility:hidden;" class="sortableIt" >
              <li id="item1" class="ui-state-default">1</li>
              <li id="item2" class="ui-state-default">2</li>
              <li id="item3" class="ui-state-default">3</li>
              <li id="item4" class="ui-state-default">4</li>
              <li id="item5" class="ui-state-default">5</li>
              <li id="item6" class="ui-state-default">6</li>
              <li id="item7" class="ui-state-default">7</li>
              <li id="item8" class="ui-state-default">8</li>
              <li id="item9" class="ui-state-default">9</li>
              <li id="item10" class="ui-state-default">10</li>
              <li id="item11" class="ui-state-default">11</li>
              <li id="item12" class="ui-state-default">12</li>
            </ul>
        </li>

    </ul>
  </div>
</body>
</html>

最佳答案

您需要将 jQuery 代码放在 $(document).ready();函数，然后它只会在页面加载时运行，如下所示:

$(document).ready(function() {
    // your code here
});

这将确保它仅在页面和所有 DOM 元素完全加载时运行。

更新:

您能否在 HTML head 部分添加以下代码，因为您需要 jQuery UI 来进行相关方法调用:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

确保在加载 jQuery 后包含它，因此头部代码应如下所示:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="login.js"></script>
<script src="scripturi.js"></script>
<script src="dulap.js"></script>
<script src="login.js"></script>

首先要确保您已加载 jQueryUI，因为您调用的方法属于其 API。我们可以从那里取得进展!

关于php - jquery 函数在页面加载之前启动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16873087/

25 4 0
文章推荐： php - 如果同名变量为空， session 值将被删除
文章推荐： php - 使用 GraphicsMagick 编辑图像并使用控制台或 PHP 将它们直接保存到 S3
文章推荐： php - 使用自定义异常处理程序捕获 "PDOException"
文章推荐： php - GAE 过滤器 AdminMessage 收件人
搜寻专家
个人简介

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

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