Question

特定的div我有這樣的元素：

<div data-load-module="list-users"></div> 

而且這個JS加載特定的模塊：

if($('[data-load-module]').length) { 
    var datas = $('[data-load-module]').attr('data-load-module'); 

    var url = 'assets/php/ajax/' + datas + '.php'; 

    $(this).load(url, function() { 
     ... 
    }); 
} 

行$(this).load()不加載我的模塊。我不想添加id或其他class。

如何指定我希望將內容加載到this div中？

感謝。

Answer 1

在你的代碼中this沒有引用div元素，通常它可能指的是window對象。

---

如果您想將內容加載到同一個div中，請將選擇器緩存到變量中並使用它。

var $div = $('[data-load-module]'); 
if($div.length) { 
    var datas = $div.attr('data-load-module');  
    var url = 'assets/php/ajax/' + datas + '.php';  
    $div.load(url); 
} 

---

在情況下，有多個div然後使用each()方法來遍歷它們和回調使用this指在元件內部。

$('[data-load-module]').each(function(){ 
    var datas = $(this).attr('data-load-module');  
    var url = 'assets/php/ajax/' + datas + '.php';  
    $(this).load(url); 
}) 

Answer 2

$('.data-load-module').each(function(i) { 
    $(this).load(...) 
}); 

提供.data-load-module是你的課，那麼你可以通過這種方式引用這個類的div。否則this不會引用您的代碼中的任何內容。