Наследие IE взломать: метка не фокусирование вход

Question

Я работаю с унаследованным кодом, и я наткнулся на этот кусок искусства:

//IE Hacks 
if (navigator.appName == 'Microsoft Internet Explorer') { 
    $("label").live('click', function() { 
     $('#'+$(this).attr('for')).click().click().click(); 
    }); 
} 
// End IE Hacks 

мне сказали, что это было написано, потому что этикетки не всегда работает в IE и этот трюк исправил это. Также он не работал с двумя вызовами .click(), но все три были необходимы.

Используемая версия jQuery - 1.4.2.

Я хочу реорганизовать это, чтобы использовать функцию обнаружения и более элегантное решение.

Я искал Google проблемы с меткой в ​​IE и наткнулся только на проблемы со скрытыми входами.

Кто-нибудь знает, что может быть проблемой, которую решает этот код?

Есть ли более элегантное решение?

UPDATE:

Как вы думаете, это не проблема, этот код мог бы возможно решить, и я должен просто удалить его?

UPDATE 2:

Я нашел проблему с этикетками на сайте. Вот фрагмент HTML:

<div class="remember-me"> 
    <input type="hidden" name="remember" value="0"> 
    <input type="checkbox" id="remember" name="remember" value="1" class="checkbox-input" rel="remember"> 
    <label class="label-remember" for="remember">Keep me logged in</label> 
</div> 

Этот HTML-код вставляется в страницу с помощью Ajax, так что может быть связано с проблемой, описанной в kevmc.

В Internet Explorer 7 щелчок по метке не установлен. Вместо этого он фокусирует ярлык (с тонкой пунктирной рамкой).

Answer 1

IE < 8 equates "name" attributes with "id", поэтому щелчок на ярлыке, вероятно, отправляет фокус на скрытый ввод, поскольку он появляется ранее в DOM, и это объясняет, почему флажок не отвечает на щелчки ярлыков в IE7.

Хотя я не уверен, как триггерное событие нажатия три раза решает это, самым изящным решением было бы удалить вход hidden.Однако вход hidden, вероятно, существует до всегда отправляет значение, когда форма отправлена, в отличие от флажков, которые передаются только в том случае, если они успешны (отмечены).

Чтобы решить проблему с меткой фокуса, мы должны изменить разметку, чтобы воспользоваться поведением браузеров по умолчанию, которое заключается в отправке кликов по меткам в их соответствующий элемент формы (по «id»). Таким образом, мы будем держать hidden вход отправить те же параметры в интерфейсе, но изменить id чекбокса и обновить атрибут labelfor, чтобы соответствовать:

<div class="remember-me"> 
    <input type="hidden" id="remember" name="remember" value="0"> <!-- added @id --> 
    <input type="checkbox" id="rememberCB" class="checkbox-input"> <!-- changed @id, removed @name --> 
    <label class="label-remember" for="rememberCB">Keep me logged in</label> <!-- changed @for --> 
</div> 

Примечание: мы удалили name атрибут из ввода флажка, так как мы не хотим включать его значение в представление формы. Вместо этого мы изменим script обновить значение скрытого ввода, когда флажок изменения:

$('#rememberCB').live('change', function() { 
    $('#remember').val($(this).is(':checked') ? '1' : '0'); 
}); 

Таким образом, базовая программа должна получать одни и те же входные параметры, когда форма была отправлена ​​и метка (ы) направит фокус на правильную цель.

Увидеть это в действии здесь: http://jsbin.com/obujoc/6/edit

Answer 2

Когда пачка ярлыков/входных данных добавлена ​​в DOM после загрузки страницы, старые версии IE (я не тестировал ее с IE8), похоже, не распознавали привязку между атрибутами for и id. Что касается элегантного теста, я не знаю ни одного

Answer 3

привет, почему вы используете событие click? просто нужно установить фокус! как это:

//IE Hacks 
if (navigator.appName == 'Microsoft Internet Explorer') { 
    $("label").live('click', function() { 
     $('#'+$(this).attr('for')).focus(); 
    }); 
} 
// End IE Hacks 

Answer 4

Вы не думаете, хак может быть использован в <!--[if IE]> <![endif]--> теге?

Позвольте мне показать вам пример:

<!--[if IE]> 
    $("label").live('click', function() { 
    $('#'+$(this).attr('for')).focus(); 
}); 
<![endif]--> 

Не уверен, что делает ваш код, но если вы используете его, как я покажу вам более простой код будет работать.