jQuery 在 Firefox 上工作,但部分在 IE8 上工作
jQuery working on Firefox but partially on IE8
我制作了一个 jQuery 脚本,它在 Firefox 上运行良好但在 IE8 上运行不佳。
在 IE 上,当我 select 一个选项时,标题不会改变,但在 Firefox 中它会改变。
我正在使用 jQuery v 1.11.3,应该与 IE8 兼容。
我的 HTML 代码:
<!DOCTYPE html>
<html>
<head>
<title>Mise à jour des lits</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Mise à jour des lits</h1>
<form method="post" action="#">
<label>Veuillez entre le code de l'Unité Fonctionelle:</label><br>
<input type="text" id="uf" /><br><br>
<select name="uf" id="uf-resultat">
<option selected="selected"></option>
</select>
<div class="hidden">
<h2>Modification de l'UF : <span id="titre"></span></h2>
<i>Dernière mise à jour: </i>
<br>
<input type="submit" value="Mettre à jour">
<button id="fermer">Fermer</button>
</div>
</form>
<script src="../Vue/JS/jquery.js"></script>
<script src="../Vue/JS/ajax-uf.js"></script>
</body>
</html>
这是我的 jQuery 脚本:
$(document).ready(function(){
var uf = $('#uf');
// Lorsque le cadre commence à saisir le numéro de son UF
uf.keyup(function(){
if (uf.val().length >= 2){
var valeur = 'uf=' + uf.val();
// On lance la requête AJAX
$.ajax({
type : 'GET',
url : 'ajax.php',
data : valeur,
success : function(server_response){
$('#uf-resultat').append(server_response);
// Si le cadre rajoute un chiffre à son UF où s'il l'efface, on efface les options du select
// Pour éviter que la nouvelle requête AJAX se rajoute à celle effectuée précédemment
uf.keyup(function(){
$('#uf-resultat option').remove();
$('#uf-resultat').append('<option selected="selected"></option>');
});
// Lorsque le cadre à selectionné son UF
$('#uf-resultat option').click(function(){
var uf_choisi = $('#uf-resultat option:selected').val();
// On efface le titre au cas où il y aurait un Uf qui aurait déjà été sélectionné
$('#titre').contents().filter(function(){
return this.nodeType == 3;
}).remove();
$('#titre').append(uf_choisi);
// On déclanche une nouvelle requête AJAX pour savoir la date de la dernière modification
// Ainsi que la personne qui a modifié le compte de clits pour cet UF
console.log(uf_choisi);
});
}
});
}
});
});
有人有想法吗?
提前致谢。
最后,
此解决方案有效:
$('select').change(function(){
感谢帮助
我制作了一个 jQuery 脚本,它在 Firefox 上运行良好但在 IE8 上运行不佳。 在 IE 上,当我 select 一个选项时,标题不会改变,但在 Firefox 中它会改变。 我正在使用 jQuery v 1.11.3,应该与 IE8 兼容。 我的 HTML 代码:
<!DOCTYPE html>
<html>
<head>
<title>Mise à jour des lits</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Mise à jour des lits</h1>
<form method="post" action="#">
<label>Veuillez entre le code de l'Unité Fonctionelle:</label><br>
<input type="text" id="uf" /><br><br>
<select name="uf" id="uf-resultat">
<option selected="selected"></option>
</select>
<div class="hidden">
<h2>Modification de l'UF : <span id="titre"></span></h2>
<i>Dernière mise à jour: </i>
<br>
<input type="submit" value="Mettre à jour">
<button id="fermer">Fermer</button>
</div>
</form>
<script src="../Vue/JS/jquery.js"></script>
<script src="../Vue/JS/ajax-uf.js"></script>
</body>
</html>
这是我的 jQuery 脚本:
$(document).ready(function(){
var uf = $('#uf');
// Lorsque le cadre commence à saisir le numéro de son UF
uf.keyup(function(){
if (uf.val().length >= 2){
var valeur = 'uf=' + uf.val();
// On lance la requête AJAX
$.ajax({
type : 'GET',
url : 'ajax.php',
data : valeur,
success : function(server_response){
$('#uf-resultat').append(server_response);
// Si le cadre rajoute un chiffre à son UF où s'il l'efface, on efface les options du select
// Pour éviter que la nouvelle requête AJAX se rajoute à celle effectuée précédemment
uf.keyup(function(){
$('#uf-resultat option').remove();
$('#uf-resultat').append('<option selected="selected"></option>');
});
// Lorsque le cadre à selectionné son UF
$('#uf-resultat option').click(function(){
var uf_choisi = $('#uf-resultat option:selected').val();
// On efface le titre au cas où il y aurait un Uf qui aurait déjà été sélectionné
$('#titre').contents().filter(function(){
return this.nodeType == 3;
}).remove();
$('#titre').append(uf_choisi);
// On déclanche une nouvelle requête AJAX pour savoir la date de la dernière modification
// Ainsi que la personne qui a modifié le compte de clits pour cet UF
console.log(uf_choisi);
});
}
});
}
});
});
有人有想法吗?
提前致谢。
最后,
此解决方案有效:
$('select').change(function(){
感谢帮助