Передача параметра в js

Question

Я пытаюсь передать пользовательский атрибут скрипту. Если я передаю его таким образом:

$('a.load-local-image').cluetip({ 
local:true, 
leftOffset: $("#par-1").attr("leftpos") 
); 

он отлично работает. Однако мне нужно передать атрибут текущего элемента, а не только пар-1. Если я попробую так:

$('a.load-local-image').cluetip({ 
local:true, 
leftOffset: $(this).attr("leftpos") 
); 

Функция видит, что параметр не передается вообще. Если я пытаюсь это так:

$('a.load-local-image').cluetip({ 
local:true, 
leftOffset: function() {return $(this).attr("leftpos");} 
); 

он передает буквенную строку "функции() {вернуть $ (это) .attr (" leftpos ");}" в качестве параметра.

Я знаю, что "$ (это) .attr (" leftpos)»возвращает правильное значение, потому что когда я добавить этот хак непосредственно над вызовом функции:

$("a.load-local-image").mouseover(function(){ 
    alert("leftpos=" + $(this).attr("leftpos")); 
}); 

отображает "leftpos = 220".

Вот разметка:..!

<div id="par-1"> 
    <a id="load-local" class="load-local-image featurelink" title="" href="" rel="#whatever" leftpos="220" toppos="48"> 
    <img src="images/image.jpg" alt="" class="featureimg"></a> 

Я просто пытаюсь передать значение leftpos текущего элемента к функции Может кто-то пожалуйста, помогите мне разобраться в этом спасибо

Answer 1

Нет атрибута leftpos на img, атрибут leftpos находится на a. Это может быть частью вашей проблемы.

Answer 2

К сожалению, объект this не может быть изменен в параметре. Объект this останется объектом this из вызывающего контекста.

$('#foo').click(function() { 

    // right here the "this" object refers to $('#foo') 

    $('a.load-local-image').cluetip({ 
     local: true, 
     leftOffset: $(this).find("img").attr("leftpos") 
     //   ^- refers to $('#foo') also (same context) 
    }); 
}); 

, когда вы сделали это:

$("a.load-local-image").mouseover(function(){ 
    alert("leftpos=" + $(this).find("img").attr("leftpos")); 
    //     ^- refers to the $('a.load-local-image') that the event was run on 
}); 

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

EDIT:

Чтобы достичь того, чего вы пытаетесь достичь с this объекта, который вы могли бы просто сделать это:

$('a.load-local-image').cluetip({ 
    local: true, 
    leftOffset: $('a.load-local-image').attr("leftpos") 
}); 

Or: 

$("a.load-local-image").mouseover(function(){ 
    $(this).cluetip({ 
     local: true, 
     leftOffset: $(this).attr("leftpos") 
    }); 
}); 

EDIT # 2:

Причина cluetip не будет открытым в первый раз, потому что вам нужно это сделать.

// create the cluetip instance: 

$("a.load-local-image").cluetip(); 

// now that the cluetip is created you can call it like this: 

$("a.load-local-image").mouseover(function(){ 
    $(this).cluetip({ 
     local: true, 
     leftOffset: $(this).attr("leftpos") 
    }); 
});