Javascript 在YUI3中,为什么Y.one返回null?
我有一个网页验证为XHTML1.0。我使用的是YUI3,我使用的是基于种子文件的实例化。在我的javascript代码中的几个地方,我做了如下工作:Javascript 在YUI3中,为什么Y.one返回null?,javascript,dom,yui3,Javascript,Dom,Yui3,我有一个网页验证为XHTML1.0。我使用的是YUI3,我使用的是基于种子文件的实例化。在我的javascript代码中的几个地方,我做了如下工作: YUI().use("node", function(Y){ var node = Y.one("#my_element_id"); }); 在几乎所有情况下,它都非常有效,可以跨平台、跨浏览器等。然而,我昨天在测试,有一次它不起作用。这对我来说毫无意义,我试图抓住的元素是: <form id="component_form" meth
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>
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> </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"> </div>
<div id="status_container"> </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>
但是
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"];?>">
你的意思是什么?该页面在进行验证,所以我怀疑这是…@vicatcu使用您的标记进行了测试,它对我有效。您的js文件可能有问题。@Fopfong您在IE和Firefox中都试过吗?@Fopfong,添加了我正在运行的submitForm函数代码,导致IE 8.0.7600.16385中出现错误,但在FF 3.6.3中没有。使用一个简单的测试用例(XHTML 1.0 Strict、form元素等),我无法重现您的问题(node1
=node3
)@Marcel-full-markup现在包含在postStrange中,我用util.js中的node1…3
代码再次测试了它,但它仍然输出一个正确的node1
对象(==node3
,在Firefox 3.6.6和Chromium 5.0.375.86中,都在Linux下运行)。您使用什么浏览器测试此问题?顺便说一句,您的第二个脚本中的/
元素不是必需的(但不会给您带来问题)。@Marcel,我运行的代码是submitForm函数,它会导致IE 8.0.7600.16385中的错误,但不会导致FF 3.6.3中的错误
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"];?>">