jQueryのは、IEにFirefoxで動作しますが、ではありません
-
06-09-2019 - |
質問
次jQueryの式がIEやChromeでFirefoxで動作しますが、いない理由
誰もが知っていますか?
$('form :hidden:last').attr('name')
警告文はIEで式が未定義であることを明らかにします。
UPDATE:ここで失敗するいくつかのHTMLは
。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js">
</script>
<script type="text/javascript">
function addItem() {
var v = $('form :hidden:last').attr('name');
var n = /(.*)input/.exec(v);
var newPrefix;
if ( n[1].length == 0 ) {
newPrefix = '1';
} else {
newPrefix = parseInt(n[1])+1;
}
var lastExercise = $('form tr:last select:first').attr('value');
var oldElem = $('form tr:last');
var newElem = oldElem.clone(true);
var lastHidden = $('form :hidden:last');
lastHidden.val(newPrefix);
var pat = '=\"'+n[1]+'input';
newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\"'+newPrefix+'input'));
newElem.appendTo('table');
$('form tr:last select:first').attr('value', lastExercise);
$('form :hidden:last').val('');
}
function removeItem() {
var rows = $('form tr');
if ( rows.length > 2 ) {
rows.filter(":last").remove();
$('form :hidden:last').val('');
} else {
alert('Cannot remove any more rows');
}
}
</script>
</head>
<body>
<form autocomplete="off" method="post" action="">
<div>
<input type="button" onclick="addItem(); return false;" value="Add Item" />
<input type="button" onclick="removeItem(); return false;" value="Remove Last Item" />
</div>
<table>
<tr>
<th>Name</th>
<th>Weight</th>
</tr>
<tr>
<td>
<input type="text" name="input1" id="input1" value="" />
</td>
<td>
<input type="text" name="input2" id="input2" value="" />
<select name="input3" class="unitsInput">
<option value="0">
Pounds
</option>
<option value="1">
Kilograms
</option>
</select>
</td>
<td>
<input type="hidden" name="input4" id="input4" value="" />
</td>
</tr>
</table>
<div>
<select name="input8">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div>
<input type="submit" name="submit" id="submit" value="Submit" />
</div>
</form>
</body>
</html>
正しい解決策はありません
他のヒント
あなたのjQueryのは$(document).ready( ... )
に包まれていますか?
例
$(document).ready(function() {
$('form :hidden:last').attr('name')
});
あなたのjQueryのコードが実行を開始する前にDOMが完全にロードされたことを確認するために、これを行うことが不可欠です。そうでなければ、それは照会するためのDOM(ドキュメント)はありません。
DOMが完全にロードさとjQueryの最新バージョンを使用した後、
あなたはこのクエリを実行しますか? ダンから上記の例では、私のためにも、IE6で正常に動作します。
私はそれがIE7で正常に実行するために取得することができた。
どのようなあなたのHTMLは次のようなものですか?
ここでは私のように見えるものです
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<form action="" method="get" name="testform">
<input name="bob" type="hidden" value="" />
<input name="steve" type="hidden" value="" />
<input name="william" type="hidden" value="" /></form>
<script type="text/javascript">
$(document).ready(function(){
alert($('form :hidden:last').attr('name'));
});
</script>
</body>
</html>
隠されたとしてIEが最後にオプションの要素を扱うことが表示されます。 JavaScriptのセレクタ:すべての「隠された... ...」変更「...入力:隠されたが...」問題を解決するようです。
。所属していません StackOverflow