javascript - YUI3 为什么 Y.one 返回 null？-6ren

javascript - YUI3 为什么 Y.one 返回 null？

转载作者：行者123 更新时间：2023-12-03 22:35:53

27

4

我有一个验证为 XHTML 1.0 Strict 的网页。我正在使用 YUI3 并且正在使用基于种子文件的实例化。在我的 javascript 代码中的几个地方，我正在做类似的事情:

YUI().use("node", function(Y){
  var node = Y.one("#my_element_id");
});

它在几乎所有情况下都运行良好，跨平台、跨浏览器等。然而，我昨天正在测试，我发现有一次它不起作用。这对我来说毫无意义，我试图捕获的元素是:

<form id="component_form" method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">
...
</form>

我确定它是格式正确的标记，所以这不是问题所在。如果我这样做:

YUI().use("node", function(Y){
  var node1 = Y.one("#component_form");
  var node2 = document.getElementById("component_form");
  var node3 = Y.one(document.getElementById("component_form"));
});

node1为null，node2是我要找的元素，node3也是。

谁有过类似的经历，或者知道这是 YUI3 的 bug 还是什么？

这是一个完整的标记示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <!-- metadata -->
    <title>Inventory Management System</title>      
    <script type="text/javascript" src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
    <script src="./util.js" type="text/javascript"></script>    
    <style type="text/css">
      td{
        vertical-align:text-top;
      }  

      legend{
        border: 2px #D4D0C8 groove;
        padding: 2px;       
        font-weight: bolder; 
      }

      fieldset{
        border: 2px #D4D0C8 groove;
        padding-bottom: 12px;              
        padding-left: 10px;
        padding-right: 10px;
      }

      label{
        font-weight: bold;
      }

      #err_container{
        color: red;
        display: none;
        visibility: hidden;
        margin: 10px;
      }

      #status_container{
        color: green;
        display: none;
        visibility: hidden;
        margin: 10px;
      }      
    </style>

  </head>
  <body>
    <div id="canvas">
      <form id="st_frm" method="post" action="" style="display:none; visibility: hidden;">        
        <fieldset style="border:none; margin:0; padding:0;">          
          <input type="hidden" name="state" id="st" value=""/>            
        </fieldset>
      </form>

      <div id="navbar">
              <a href="#" onclick="goToState(0); return false;">home</a> 
       | components |         <a href="#" onclick="goToState(2); return false;">products</a> 
            </div>


              <h1 id="main_h1">

            Update Component
                  </h1>
        <form id="component_form" method="post" action="/inventory/index.php">
          <fieldset>            
            <legend id="component_form_legend">Component Information</legend>
            <input type="hidden" id="component_form_id" name="id" value="8"/>
            <input type="hidden" name="state" value="1"/>
            <table>

              <tr>
                <td><label for="manufacturer_name_id">Manufacturer:</label></td>
                <td><input type="text" id="manufacturer_name_id" name="manufacturer_name" value="Vishay"/></td>
              </tr>
              <tr>
                <td><label for="manufacturer_part_number_id">Part Number:</label></td>
                <td><input type="text" id="manufacturer_part_number_id" name="manufacturer_part_number" value="1123114123"/></td>
              </tr>

              <tr>
                <td><label for="ct_id">Component Type:</label></td>
                <td>
                  <select id="ct_id" name="component_type">
                    <option value="0">New Type</option>                    
                                        <option value="5" >sfkd</option>
                                        <option value="6" >qwrqew</option>

                                        <option value="7"  selected="selected" >Resistor</option>

                  </select>
                  <input id="nct_id" type="text" name="new_component_type" size="10"  style="visibility:hidden; display: none;" />
                </td>
              </tr>
              <tr>
                <td><label for="description_id">Description:</label></td>
                <td>

                  <textarea id="description_id" name="description" rows="3" cols="25">limits the flow of current...</textarea>
                </td>
              </tr>
              <tr>
                <td>&nbsp;</td>                                  
                <td>
                                    <input id="component_form_submit_button" type="button" value="Update Component"/>
                  <span id="component_form_hide_when_new" >
                    <input id="component_form_delete_button" type="button" value="Delete Component"/>

                    <input id="component_form_new_button"    type="button" value="New Component"/>
                  </span>                  
                  <input id="component_form_delete" name="delete" type="hidden" value="0"/>
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <div id="error_container">&nbsp;</div>
                  <div id="status_container">&nbsp;</div>                  
                </td>

              </tr>
            </table>
          </fieldset>
        </form>

        <ul id="component_form_list">        
          <li>
            <a href="#" onclick="setNodeValue('component_form_id', 8); submitForm('component_form'); return false;">Vishay 1123114123</a>
          </li>

        </ul>        


    </div>

  </body>
</html>

编辑IE 8 在 var s = ... 行崩溃，因为 frm 为空。

function submitForm(frmId){
  YUI().use("node", function(Y){
    var frm = Y.one("#" + frmId);    
    var s = typeof frm.submit;
    if(s === 'function'){
      frm.submit();
    }
  });    
}

但是....

function submitForm(frmId){
  YUI().use("node", function(Y){
    var frm = Y.one(document.getElementById(frmId));    
    var s = typeof frm.submit;
    if(s === 'function'){
      frm.submit();
    }
  });    
}

两者都适用......

最佳答案

您是否遗漏了一个双引号？

<form id="component_form" method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">

...

关于javascript - YUI3 为什么 Y.one 返回 null？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3171937/

27

4

0

文章推荐： r - 在数据帧上使用应用时如何避免隐式字符转换

文章推荐： javascript - 正则表达式删除所有不跟在数字后面的句点

sql - SELECT * FROM Employees WHERE NULL IS NULL; SELECT * FROM 员工 WHERE NULL = NULL;
最近开始学习oracle和sql。在学习的过程中，我遇到了几个问题，我的 friend 在接受采访时被问到这些问题。 SELECT * FROM Employees WHERE NULL IS N
c - 三问 : Is NULL - NULL defined? (uintptr_t)NULL - (uintptr_t)NULL 定义了吗？
这个问题在这里已经有了答案: Can we subtract NULL pointers? (4 个回答) 关闭 2 个月前。是否定义了NULL - NULL？ (char *)NULL - (ch
c# - 检查 null，== null 与 != null
是否有推荐的方法(根据 .net Framework 指南)检查 null，例如: if (value == null) {//code1} else {//code2} 或 if (value !=
php - Symfony2 插入错误参数[null,null,null]
我正在尝试将值插入数据库，但出现这样的错误任何人都可以告诉我为什么该值为空，如下所示: An exception occurred while executing 'INSERT INTO perso
sql - 为什么 null||null 返回空值但 concat(null,null) 在 postgres 中返回空字符串？
这个问题在这里已经有了答案: String concatenation with a null seems to nullify the entire string - is that desire
android - context.getContentResolver().query(ContactsContract.Data.CONTENT_URI, null, null,null, null);
您好，我正在 Android 联系人搜索模块中工作。我正在查询下方运行。 cur = context.getContentResolver().query(ContactsContract.Data.
mysql - MYSQL 列创建中的 NULL 与 DEFAULT NULL 与 NULL DEFAULT NULL？
下面的 SQL 表定义说明了从我的 MYSQL 数据库创建表的语句之一，该数据库是由我公司的前开发人员开发的。 DROP TABLE IF EXISTS `classifieds`.`category
sql-server - 为什么 SQL 语言使用 IS NULL 或 IS NOT NULL 而不是 = NULL 或 <> NULL？
我主要有应用程序开发背景。在编程语言中 variable == null或 variable != null有效。当涉及到 SQL 时，以下查询不会给出任何语法错误，但也不会返回正确的结果。 sel
null - NULL 检查中的段错误？
我在尝试检查某些元素是否为 NULL 时遇到段错误或不。任何人都可以帮忙吗？ void addEdge(int i, int j) { if (i >= 0 && j > 0)
sql - 强制 COALESE(NULL,NULL) 返回 NULL
在 SQL 服务器中考虑到以下事实:Col1 和 Col2 包含数值和 NULL 值 SELECT COALESCE(Col1,Col2) 返回一个错误:“COALESCE 的至少一个参数必须是一个不
sql - 强制 COALESE(NULL,NULL) 返回 NULL
在 SQL 服务器中考虑到以下事实:Col1 和 Col2 包含数值和 NULL 值 SELECT COALESCE(Col1,Col2) 返回一个错误:“COALESCE 的至少一个参数必须是一个不
null - "is null"的关系代数表达式
下面查询的关系代数表达式是什么？我找不到“Is Null”的表达式。 SELECT reader.name FROM reader LEFT JOIN book_borrow ON reader.ca
c# - 使用三元运算符检查 null - null 引用是否与 null 不同
我正在尝试使用三元运算符来检查值是否为 null 并返回一个表达式或另一个。将此合并到 LINQ 表达式时，我遇到的是 LINQ 表达式的 Transact-SQL 转换试图执行“column = n
c++ - select(NULL, NULL, NULL, &timeout) 只是等待给定的时间吗？
我在给定的代码中看到了以下行: select(0, (fd_set *) NULL, (fd_set *) NULL, (fd_set *) NULL, &timeout); http://linux
javascript -/null/g.test ('null null' 的意外正则表达式行为)
var re = /null/g; re.test('null null'); //> true re.test('null null'); //> true re.test('null null')
null - null 有害吗？
这个问题在这里已经有了答案: 关闭 13 年前。我今天避开了一场关于数据库中空值的激烈辩论。我的观点是 null 是未指定值的极好指示符。团队中有意见的其他每个人都认为零和空字符串是可行的方法。
java - 错误:null value in entry: streamOutputFolder=null OR Error:null value in entry: streamOutputFolder=null
由于此错误，我无法在模拟器中运行我的应用: Error:null value in entry: streamOutputFolder=null 或 gradle - Error:null value
java - 无法解析 'query(java.lang.String,java.lang.String[],null, null, null, null)'
我正在尝试在 Android 应用程序中创建电影数据库，但它返回错误。知道这意味着什么吗？ public Cursor returnData() { return db.query(TABLE
javascript - 为什么 new Date(null, null, null) 在浏览器中返回有效日期？
我一直在检查浏览器中的日期函数以及运行时间 new Date (null, null, null); 在开发工具控制台中，它给出了有效的日期 Chrome v 61 回归 Sun Dec 31 189
r - 为什么 NA==NULL ， NULL==NULL 打印逻辑(0)？
为什么 NA==NULL 会导致 logical (0) 而不是 FALSE？为什么 NULL==NULL 会导致 logical(0) 而不是 TRUE？最佳答案 NULL 是一个“零长度”对象

首页

博学

6Ren·AI

商城

javascript - YUI3 为什么 Y.one 返回 null？