クリックすると動的に読み込まれるプロジェクトのサムネイル画像があります。
これは私が持っているjQueryです:
$.ajax({
url: '/project/show/',
type: 'POST',
data: {_token: CSRF_TOKEN, id: id},
dataType: 'JSON',
success: function (data) {
$('.single-project-heading').text(data[0].title);
$('.single-project-description').text(data[0].description);
var projectpictures = '';
$.each(data[1],function(index,value){
projectpictures += '<div>' +
'<a href=\"/' + value.path + '\" data-lightbox=\"' + value.project_id + '\">' +
'<img class=\"small_thumb\" src=\"/' + value.path + '\">' +
'</a>';
});
owl.html(projectpictures);
owl.data('owlCarousel').reinit({
pagination: true,
items: 5,
rtl: true
});
}
});
- AJAX 呼び出し後にフクロウ カルーセルを再初期化するにはどうすればよいですか?
- または、これを行うより良い方法はありますか?
ドキュメントを試しましたが、役に立ちませんでした。ドキュメントには使用するように書かれていますreinit
が、何もないと書かれていますreinit
。