个人中心
gpt4 book ai didi

javascript - JQuery 无法通过 Google 的 CDN 运行

转载 作者：行者123 更新时间：2023-12-02 16:56:51 24 4
gpt4 key购买 nike

几个小时以来，我一直试图了解出了什么问题。我的目的是在填充文本字段后启用按钮。根据我在 JSFiddle 的测试，代码似乎很好但它仍然无法在我的服务器上运行。我是否遗漏了一些东西，或者这是服务器问题(这很难相信，因为 javascript 是客户端)？

PS:我不是HTML专家，所以我不知道如何识别它的语法；如果它不那么可读，我很抱歉，并且希望得到编辑帮助。谢谢。

   <!DOCTYPE html>
    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <link rel="stylesheet" href="css/style.css">

            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
            <script type="text/javascript">
                var $input = $('input:text'),
                $apply = $('#apply');

                $apply.attr('disabled', true);
                $input.keyup(function() {
                    var trigger = false;
                    $input.each(function() {
                        if (!$(this).val()) {
                            trigger = true;
                        }
                    });
                    trigger ? $apply.attr('disabled', true) : $apply.removeAttr('disabled');
                });
            </script>
    </head>

      <body>
      <section class="container">
        <div class="OpenKore">
        <div id="absolute">
          <form method="GET" action="generate.php">
            <fieldset>
                <legend><h1>OpenKore Automatic Config:</h1></legend>
                LOGIN:
                <p><input type="text" id="id_login" name="login_value" value="" placeholder="Login"></p>
                SENHA:
                <p><input type="text" id= "id_senha" name="senha_value" value="" placeholder="Senha"></p>
                PIN:
                <p><input type="text" id="id_pin" name="pin_value" value="" placeholder="PIN"></p>

                <input id="apply" type="submit" name="commit" disabled value="Gerar Configurações">
            </fieldset>
          </form>
        </div>
        </div>
        </section>
        </body>
    </html>

最佳答案

当浏览器读取您的 HTML 页面时，它会从上到下读取。当它到达你的<script>时标签它运行它们。现在，我们在到达页面的其余部分之前执行此操作，即在它甚至知道任何 body 之前。或form或input:text标签，因此即使您的代码将运行，它也不会执行任何操作，因为页面上的任何元素都不存在。

JavaScript 101，如果您需要访问页面上的元素，请在页面加载后运行代码。你是怎样做的？将代码放在页面底部(将 <script> 标记移动到 </body> 标记之前)，或者将代码包装在浏览器完成加载页面后执行的函数中。现在 jQuery 有一个非常有用的方法来为您做到这一点，将一个函数传递给 jQuery，它将在页面加载后执行。

jsFiddle 会自动为您执行此操作，因此左上角的下拉菜单显示“onLoad”

即你的代码

$(); //this is the jQuery function


//This is your code wrapped in a function called 'yourCode'
function yourCode() {
    var $input = $('input:text'),
           $apply = $('#apply');

    $apply.attr('disabled', true);
    $input.keyup(function () {
        var trigger = false;
        $input.each(function () {
            if (!$(this).val()) {
                trigger = true;
            }
        });
        trigger ? $apply.attr('disabled', true) : $apply.removeAttr('disabled');
    });
}

$(yourCode); //this is passing the jQuery function a function, 
             //this will now be execute once the page is loaded

//or what most people do, pass in as an anonymous function 
//which eliminates a step

$(function () {
    var $input = $('input:text'),
             $apply = $('#apply');

    $apply.attr('disabled', true);
    $input.keyup(function () {
        var trigger = false;
        $input.each(function () {
            if (!$(this).val()) {
                trigger = true;
            }
        });
        trigger ? $apply.attr('disabled', true) : $apply.removeAttr('disabled');
    });
});

按照 @j08691 的建议，我建议阅读 jQuery here 中准备好的文档

关于javascript - JQuery 无法通过 Google 的 CDN 运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26111664/

24 4 0
文章推荐： javascript - 为什么向页面写入脚本会破坏 body 标记，留下白色的空白页面？
文章推荐： javascript - 如何删除 Google 文档中特定列中的所有行的重复项？
文章推荐： javascript - 从 CodeBehind 调用 JavaScript 函数无法填充 getElementbyID
文章推荐： javascript - 如何在jade中编写javascript block ？
行者123
个人简介

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

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