Can';t从局部视图Laravel访问javascript

Can';t从局部视图Laravel访问javascript,javascript,php,ajax,laravel,Javascript,Php,Ajax,Laravel,我无法使用AJAX从局部视图Laravel访问javascript加载更多分页。在部分视图中加载更多ajax创建的视图无法访问btn投票单击功能 以下是我的简单代码: index.blade.php @extends('layout')) @节(“内容”) @包括('dataview') @端部 @节('js') $(文档).ready(函数(){ 函数loadmore(){ //如果页面/页面结束,是否加载更多数据++ //ajax加载数据 //使用API中的数据返回部分视图“dataview

我无法使用AJAX从局部视图Laravel访问javascript加载更多分页。在部分视图中加载更多ajax创建的视图无法访问btn投票单击功能

以下是我的简单代码:

index.blade.php
@extends('layout'))
@节(“内容”)
@包括('dataview')
@端部
@节('js')
$(文档).ready(函数(){
函数loadmore(){
//如果页面/页面结束,是否加载更多数据++
//ajax加载数据
//使用API中的数据返回部分视图“dataview”
//附加到div id=“结果”
}
$('.btn vote')。关闭('click')。打开('click',函数(e){
//点击按钮,做ajax的事情
//返回数据
});
});  

@endsection
这是因为绑定单击事件的脚本已经加载到页面上,它不知道使用
btn投票
类的新按钮。您需要在按钮进入DOM后绑定它们。将单击事件代码包装在一个函数中,该函数在初始页面加载时以及每次
loadmore
之后调用:

$(document).ready(function() {
  function loadmore() {
    // doing load more data if end of page/page++
    // ajax to load data
    // return partial view 'dataview' with data from API
    // append to div id="result"
    bindButtons()
  }

  function bindButtons () {
      $('.btn-vote').off('click').on('click', function(e) {
          // button click and do ajax thing
          // return data
      });
  }

  bindButtons()
});  

下面文档就绪块中的所有内容都将网页上的HTML元素与其各自的事件处理程序绑定在一起。当网页第一次加载时,新添加或动态生成的HTML元素不会自动绑定到在document ready块中首次执行的事件处理程序

$(document).ready(function() {

   //event bindings 

)}
为了应对这种情况,我们在JQuery中使用稍微不同的样式的事件绑定,如下所述:

$(document).on('click', '.btn-vote', function(e){

   //event handling goes here

});

通过这种方式,新添加或动态生成的HTML元素自动绑定到各自的事件处理程序。

[SOLVED]使用$('#results')。关闭('click')。打开('click','.btn vote',函数(e){});相反,我们在这里不做“解决”的事情。只要接受解决问题的答案,页面就会将其标记为已回答。请阅读。不要将已解决的单词编辑成问题。谢谢@digitaldriver!我也会尝试使用你的解决方案。[已解决]