gọi cho người dùng được xác định chức năng với params

Question

Tôi đang xác định hàm func1(); Tôi muốn nó mất một param (s) tức là

var func1(aaa, bbb){ 
//do something, anything! 
}; 

sau đó tôi muốn gọi nó là sau này trong một cái gì đó doc như thế này:

$('#some_id').click(func1($this)); 

nhưng nó không làm việc.

Tôi đã rối tung với nó trong một thời gian nhưng nó rất lạ cách jquery/javascript xử lý các chức năng do người dùng xác định với tôi ít nhất. Some1 có thể cung cấp cho tôi đoạn mã đơn giản không? Thx

Answer 1

Nếu tất cả những gì bạn muốn vượt qua là $(this), bạn không cần tham số vì nó sẽ có sẵn bên trong hàm được xác định.

$('#some_id').click(func1); 

Tuy nhiên, bạn không thể thêm các thông số như thế này:

$('#some_id').click(func1(param1, param2)); 

Sau đó, đối với định nghĩa chức năng của bạn, bạn chỉ có

function func1() { } 

Nếu bạn muốn các thông số khác hơn $ (này), bạn sẽ cần phải làm như sau:

$('#some_id').click(function() { 
    func1(aaa, bbb); }); 

Answer 2

Nó phải là

function func1(aaa, bbb) { ... } 

Answer 3

Dưới đây là một ví dụ nhanh:

Hãy chắc chắn rằng bạn xác định chức năng của bạn với function. Sau đó, khi bạn muốn gọi nó từ bên trong jQuery, you should use an inline function within click().

<div>Click Me!</div> 
<div>Pick this one!</div> 
<script type="text/javascript"> 
function func1(aaa, bbb) 
{ 
    alert('You clicked the DIV that said: "' + aaa.innerHTML + '" and ' + bbb); 
};   
$('div').click(function() 
{ 
    func1(this, "that's ok."); 
}); 
</script>   

Answer 4

Bạn không thể làm điều đó như $('#some_id').click(func1($this)); vì định nghĩa .click(handler(eventObject)) ... nếu bạn gọi nó là như vậy, $this trong func1($this) sẽ được mong đợi là eventObject.

cho việc này, bạn có thể sử dụng .bind() và event.data.

demo

ví dụ ..

function sum(event) { 
    alert(event.data.x + event.data.y); 
    // `this` here would refer to the element calling this function 
    // for example, $(this).attr('id') would return `someID` if called below 
} 

gọi nó như

$('#someID').bind('click',{x:4, y:5}, sum); 

Answer 5

tôi giả sử bạn đang cố gắng để đảm bảo rằng this vẫn tham chiếu các yếu tố đó đã nhận được sự kiện này.

Hãy thử nó ra:http://jsfiddle.net/jKM9s/

$('#some_id').click(function() { 
    func1.call(this, 'somearg', 'somearg'); 
}); 

    // now "this" references the element when func1 is called 
function func1(aaa, bbb){ 
    //do something, anything! 
}; 

---

EDIT:

Nếu tất cả các bạn muốn là tham chiếu đến phần tử nhấp, sau đó xem @ giải pháp đầu tiên phoffer của.

Answer 6

Trong Javascript, bạn không thể gán hàm và chuyển đối số cùng một lúc. Sử dụng chức năng ẩn danh ...

$('#some_id').click(function() { 
    var arg1 = $(this); 
    var arg2 = 'whatever'; 

    return func1(arg1, arg2); 
}); 

Nếu tham số duy nhất bạn cần là this, chuyển nhượng các tài liệu tham khảo chức năng ...

$('#some_id').click(func1);