Sử dụng '$ (this)' Trong A Function

Question

Tôi đang tạo một menu mở và đóng bằng jQuery. Trong thuật ngữ đơn giản, nó hoạt động như thế này:

function open_menu() { 
    $(this).next('ul.sub-menu').css('display', 'block').stop(true, false).animate({ 
     width: '235px', 
    }, 500); 
} 

function close_menu() { 
    // close code here 
} 

status = 'closed'; // set the default menu status 

$('a').click(function() { 
    switch(status) { 
     case 'closed': 
      open_menu(); 
      break; 
     case 'open': 
      close_menu(); 
      break; 
    } 
} 

Nhược bằng tôi lấy nội dung của open_menu() và đặt nó ở vị trí của open_menu() trong trường hợp .click(), mỗi công trình như mong đợi. Nếu tôi sử dụng mã như hiển thị ở trên, $(this) không thể tìm ra rằng .click() đã kích hoạt mã và mã không chạy.

Có điều gì mà tôi có thể làm để có bộ chọn $(this) thương lượng những gì đã kích hoạt trong khi vẫn giữ nó trong open_menu()?

Answer 1

Các this mà bạn đề cập đến trong open_menu là bối cảnh của open_menu chức năng, không phải là handler click vào liên kết. Bạn cần phải làm điều gì đó như sau:

open_menu(this); 

function open_menu(that) { 
    $(that).next(... 

Answer 2

Tại sao không chỉ truyền nó vào làm thông số?

function open_menu($this) { 
    $this.next('ul.sub-menu').css('display', 'block').stop(true, false).animate({ 
     width: '235px', 
    }, 500); 
} 

function close_menu() { 
    // close code here 
} 

status = 'closed'; // set the default menu status 

$('a').click(function() { 
    switch(status) { 
     case 'closed': 
      open_menu($(this)); 
      break; 
     case 'open': 
      close_menu(); 
      break; 
    } 
} 

Answer 3

Bạn có thể sử dụng để đặt giá trị this trong hàm.

open_menu.apply(this)