$(document).on('click', '.button', function() {
    console.log('click');
  });

В контроллере

public function loadMore(Request $request)
    {
        $article= Article::orderBy('id', 'desc')->paginate(2);
        if ($request->ajax()) {
            return $article->toJson();
        }
       abort(404);
}

JS

$.ajax({
            type: 'GET',
            url: '/article?page=' + page,
            success: function (data) {
                let obj = JSON.parse(data);
                createArticleNode(obj);
                if (obj.to === obj.total) {
                    $('.button_more').hide();
                }
            }
        });

И нужно сделать функцию createArticleNode(obj), которая будет создавать dom-елементы

Мне больше нравится первый вариант, бывает такое что нужен bg-image с шириной 100%,а в контейнер - контент

Нужно сначала подключить JQuery, а потом свои скрипты

gulp.task('js', function() {
	return gulp.src([
		'app/libs/jquery/dist/jquery.min.js',
		'app/js/common.min.js', // Всегда в конце
		])
	.pipe(concat('scripts.min.js'))
	.pipe(uglify())
	.pipe(gulp.dest('app/js'))
});