HTML onclick не передает this.name в сафари

Question

Я пытаюсь сценарий переключения скрытия, используя jquery.Имя метки передается в сценарий jquery, а идентификатор информации используется для запуска скрытия.отлично работает в IE, но я не могу получить его в сафари.онклик возвращает неопределенное.

    <span id="fontlabel" name="fontinfo" style="cursor:pointer; color:#06C;" 
    onclick="showfont(this.name)">Font List for Input</span>
    <span id="stagenamefont" class="fontsettings"> ...stuff...</span>

    function showfont(name)
    {
if($('#'+name).is(':visible')== false)
{
$('#'+name).show();
}else{
$('#'+name).hide();
}
     }

Answer 1

Вы используете JQuery.Давайте сделаем это правильно:

HTML

<span id="fontlabel" rel="fontinfo">Font List for Input</span>
<span id="stagenamefont" class="fontsettings"> ...stuff...</span>

JavaScript

$(function ()
{
    function showfont()
    {
        var id = $(this).attr('rel');
        $('#'+id).toggle();
    }

    $('#fontlabel').click(showfont);
});

Демо http://jsfiddle.net/mattball/dzrJg/

Answer 2

Что-то вроде этого лучше всего сделать:

$(document).ready(function(){
    $("#fontlabel").click(function(){
        var name = $(this).attr("rel");
        $("#"+name).toggle();
    });
});


<span id="fontlabel" rel="fontinfo" style="cursor:pointer; color:#06C;">Font List for Input</span>
<span id="stagenamefont" class="fontsettings"> ...stuff...</span>
<br />
<span id="fontinfo"> font settings here</span>

Попробуйте и посмотрите, работает ли это

Демонстрация здесь