jQuery IE7/8在列表之间追加项

jQuery IE7/8在列表之间追加项,jquery,internet-explorer-8,onclick,click,appendto,Jquery,Internet Explorer 8,Onclick,Click,Appendto,我似乎找不到任何理由来解释为什么这在IE8中不起作用,因为它在其他浏览器中工作得非常完美 我有两个选择框,其中填充了员工姓名 <select id="schedule-add-employees-list" size="7"> <option class="schedule-add-employees-option1" value="jsmith">John Smith</option> <option class="schedule-ad

我似乎找不到任何理由来解释为什么这在IE8中不起作用,因为它在其他浏览器中工作得非常完美

我有两个选择框,其中填充了员工姓名

 <select id="schedule-add-employees-list" size="7">
   <option class="schedule-add-employees-option1" value="jsmith">John Smith</option>
   <option class="schedule-add-employees-option1" value="jbloggs">Joe Bloggs</option>
   <option class="schedule-add-employees-option1" value="jdoe">Jane Doe</option>
 </select>

 <select id="schedule-add-employees" size="7">
   <option class="schedule-add-employees-option2" value="msmith">Mary Smith</option>
 </select>
这在IE8中没有像在其他浏览器中那样发挥作用,有什么特别的原因吗

我有正确的doctype声明,因此不可能出现怪癖模式。已经检查了许多其他有良好文档记录的IE7/8修复程序,但似乎没有一个适用于此特定实例。它似乎没有抛出任何错误,只是没有响应。单击任一选择框中的选项时,不执行任何操作


任何帮助都将非常感激

正如Adeneo在对问题的评论中所报告的那样,问题在于点击事件在IE7和IE8中没有如预期的那样响应,而且从链接信息来看,它在较新的浏览器中可能不可靠

以下是我应用的解决方法:

$('#schedule-add-employees').change(function() {
    var obj = $('#schedule-add-employees option:selected');
    obj.appendTo('#schedule-add-employees-list');
});
$('#schedule-add-employees-list').change(function() {
    var obj = $('#schedule-add-employees-list option:selected');
    obj.appendTo('#schedule-add-employees');
});

点击功能不是针对选项启动的,你应该绑定到select元素上的更改事件。你是说点击功能不是只针对IE7和IE8中的选项启动的吗?我觉得它在任何地方都不能正常工作,但据我所知,它似乎在一些较新的浏览器中得到了部分解决。应该告诉您,选项元素上的单击事件不是解决方法。
$('#schedule-add-employees').change(function() {
    var obj = $('#schedule-add-employees option:selected');
    obj.appendTo('#schedule-add-employees-list');
});
$('#schedule-add-employees-list').change(function() {
    var obj = $('#schedule-add-employees-list option:selected');
    obj.appendTo('#schedule-add-employees');
});