grabbing title with jquery

Question

Im пытается захватить «заголовок» на <li>, когда он щелкнут. Он продолжает возвращаться не определен.

HTML

<div id="sidebar"> 
     <div class="navigation"> 
    <ul> 

    <li title="../../000_Movies/_assets/playlist.html">فیلم ها</li> 

    </ul> 
</div> 
</div> 

JS

$('.navigation li').click(function() { 
$('.slider').animate({ 
    marginLeft: 0 
}, 500,function() { 
var test = $(this).attr('title'); 
alert(test); 
    location.href = ''; 
}); 
}); 

Answer 1

Это не работает?

$('li').click(function(){ 
    alert($(this).attr('title')); 
}); 

Answer 2

"это" может быть, не ли. Или у браузера есть ошибка (IE?). Ваш код мне кажется правильным.

Answer 3

$("li").on('click',function() {alert($(this).attr('title');)}); 

Answer 4

Как вы крепление обработчика щелчка на li элементе? Вы уверены, что this внутри обработчика находится в позиции li элемент.

Я попытался бы зарегистрировать this и узнать, на что он указывает.

Если this указывает на li, то $(this).attr('title') должен работать отлично.

Answer 5

Вы должны создать укупорочное средство на нажатом элементе li. Вы получаете внутри другой функции в функции обработчика кликов, поэтому определение this будет отличаться от исходной функции.

$('.navigation li').click(function() { 
    // cache the element here 
    var that = $(this); 

    $('.slider').animate({ 
     marginLeft: 0 
    }, 500, function() { 

     // then access that instead here 
     // (we're creating a closure on the that variable) 
     var test = that.attr('title'); 
     alert(test); 
     location.href = ''; 
    }); 
}); 

Если у вас есть две вложенные функции, их this переменные будут отличаться:

function foo() { 
    // this here ... 
    function bar() { 
     // ... is different from this here 
    } 
} 

Так что строительство на ...

$('li').click(function() { 
    // $(this) here ... 
    $('something').slider({},100, function() { 
     // ... is different from $(this) here 

    }); 
}); 

Answer 6

Я предполагаю, что это будет:

$("li.clickMe").click(function() { 
    $("this").attr("title").whateverYouNeedToDo(""); 
});