Javascript 为什么不是';是否触发此功能。单击?

Javascript 为什么不是';是否触发此功能。单击?,javascript,jquery,Javascript,Jquery,我们需要在页面加载时加载给定的函数。然后,我们应该在每次单击给定按钮时重复该函数执行。我们怎么能做到呢 代码如下: $(function showMember() { $.ajax({ //Perform an asynchronous HTTP (Ajax) request. success: function(html){ $('#members').append(html); },

我们需要在页面加载时加载给定的函数。然后,我们应该在每次单击给定按钮时重复该函数执行。我们怎么能做到呢

代码如下:

$(function showMember() {

        $.ajax({ //Perform an asynchronous HTTP (Ajax) request.

            success: function(html){
                $('#members').append(html);
            },

            type: 'get',
            url: '<?php echo $this->createUrl('member'); ?>', //A string containing the URL to which the request is sent.
            data: {index:$('#members div>h3').size()},
            cache: false, //if false, it will force requested pages not to be cached by the browser.
            dataType: 'html' //The type of data that you're expecting back from the server.
        });
    });

$('.addMember').click(showMember);
$(函数showMember(){
$.ajax({//执行异步HTTP(ajax)请求。
成功:函数(html){
$(“#成员”).append(html);
},
键入:“get”,
url:“”,//包含请求发送到的url的字符串。
数据:{index:$('#members div>h3').size(),
cache:false,//如果为false,将强制浏览器不缓存请求的页面。
dataType:'html'//您期望从服务器返回的数据类型。
});
});
$('.addMember')。单击(showMember);
showMember
不会在单击时触发UPP


有人能详细解释一下,为什么会这样吗?

使用jQuery时需要使用ready函数

$(document).ready(function(){
   $('.addMember').click({});
});

使用jQuery时需要使用ready函数

$(document).ready(function(){
   $('.addMember').click({});
});

当您在事件处理程序中传递自定义
函数
(即单击、更改等)
时,您需要正常创建函数,而不需要在
$()中包装
函数

并且不要忘记将代码包装在
$(document).ready()中

函数showMember()
{
$.ajax(
{
成功:函数(html)
{
$(“#成员”).append(html);
},
键入:“get”,
url:“”,
数据:{index:$('#members div>h3').size(),
cache:false,
数据类型:“html”
});
}
$(文档).ready(函数(){
$('.addMember')。单击(showMember);
});

当您在事件处理程序中传递自定义
函数时(即单击、更改等)然后您需要正常创建函数,您不需要在
$()中包装
函数

并且不要忘记将代码包装在
$(document).ready()中

函数showMember()
{
$.ajax(
{
成功:函数(html)
{
$(“#成员”).append(html);
},
键入:“get”,
url:“”,
数据:{index:$('#members div>h3').size(),
cache:false,
数据类型:“html”
});
}
$(文档).ready(函数(){
$('.addMember')。单击(showMember);
});

这是因为您创建的函数在有限的范围内
$(函数..)
。。。。 你可以简单地做

  $(function(){ //document.ready function
    showMember();  //call showmember when document is ready
    $('.addMember').click(showMember); //call same function when clicked
  });

  function showMember() {

    $.ajax({ //Perform an asynchronous HTTP (Ajax) request.

        success: function(html){
            $('#members').append(html);
        },

        type: 'get',
        url: '<?php echo $this->createUrl('member'); ?>', //A string containing the URL to which the request is sent.
        data: {index:$('#members div>h3').size()},
        cache: false, //if false, it will force requested pages not to be cached by the browser.
        dataType: 'html' //The type of data that you're expecting back from the server.
    });
}
$(function(){//document.ready函数
showMember();//文档准备就绪时调用showMember
$('.addMember')。单击(showMember);//单击时调用相同的函数
});
函数showMember(){
$.ajax({//执行异步HTTP(ajax)请求。
成功:函数(html){
$(“#成员”).append(html);
},
键入:“get”,
url:“”,//包含请求发送到的url的字符串。
数据:{index:$('#members div>h3').size(),
cache:false,//如果为false,将强制浏览器不缓存请求的页面。
dataType:'html'//您期望从服务器返回的数据类型。
});
}

这是因为您创建的函数在有限的范围内
$(函数..)
。。。。 你可以简单地做

  $(function(){ //document.ready function
    showMember();  //call showmember when document is ready
    $('.addMember').click(showMember); //call same function when clicked
  });

  function showMember() {

    $.ajax({ //Perform an asynchronous HTTP (Ajax) request.

        success: function(html){
            $('#members').append(html);
        },

        type: 'get',
        url: '<?php echo $this->createUrl('member'); ?>', //A string containing the URL to which the request is sent.
        data: {index:$('#members div>h3').size()},
        cache: false, //if false, it will force requested pages not to be cached by the browser.
        dataType: 'html' //The type of data that you're expecting back from the server.
    });
}
$(function(){//document.ready函数
showMember();//文档准备就绪时调用showMember
$('.addMember')。单击(showMember);//单击时调用相同的函数
});
函数showMember(){
$.ajax({//执行异步HTTP(ajax)请求。
成功:函数(html){
$(“#成员”).append(html);
},
键入:“get”,
url:“”,//包含请求发送到的url的字符串。
数据:{index:$('#members div>h3').size(),
cache:false,//如果为false,将强制浏览器不缓存请求的页面。
dataType:'html'//您期望从服务器返回的数据类型。
});
}
试试这个:

$('.addMember').click(function(){
  showMember();
});

function showMember(){
 $.ajax({ //Perform an asynchronous HTTP (Ajax) request.
            success: function(html){
                $('#members').append(html);
            },
            type: 'get',
            url: '<?php echo $this->createUrl('member'); ?>', //A string containing the URL to which the request is sent.
            data: {index:$('#members div>h3').size()},
            cache: false, //if false, it will force requested pages not to be cached by the browser.
            dataType: 'html' //The type of data that you're expecting back from the server.
        });
}
$('.addMember')。单击(函数(){
showMember();
});
函数showMember(){
$.ajax({//执行异步HTTP(ajax)请求。
成功:函数(html){
$(“#成员”).append(html);
},
键入:“get”,
url:“”,//包含请求发送到的url的字符串。
数据:{index:$('#members div>h3').size(),
cache:false,//如果为false,将强制浏览器不缓存请求的页面。
dataType:'html'//您期望从服务器返回的数据类型。
});
}
试试这个:

$('.addMember').click(function(){
  showMember();
});

function showMember(){
 $.ajax({ //Perform an asynchronous HTTP (Ajax) request.
            success: function(html){
                $('#members').append(html);
            },
            type: 'get',
            url: '<?php echo $this->createUrl('member'); ?>', //A string containing the URL to which the request is sent.
            data: {index:$('#members div>h3').size()},
            cache: false, //if false, it will force requested pages not to be cached by the browser.
            dataType: 'html' //The type of data that you're expecting back from the server.
        });
}
$('.addMember')。单击(函数(){
showMember();
});
函数showMember(){
$.ajax({//执行异步HTTP(ajax)请求。
成功:函数(html){
$(“#成员”).append(html);
},
键入:“get”,
url:“”,//包含请求发送到的url的字符串。
数据:{index:$('#members div>h3').size(),
cache:false,//如果为false,将强制浏览器不缓存请求的页面。
dataType:'html'//您期望从服务器返回的数据类型。
});
}
以下是几点:-

  • 您不需要像这样调用
    $(函数showMember()
  • 只需像调用函数showMember()一样调用它
  • 此外,还需要在DOM就绪方法中调用
    click
    函数
  • 只是为了确保在DOM完全加载时触发单击事件,如下所示:

这里有几点:-

  • 您不需要像这样调用
    $(函数showMember()
  • 只需像调用函数showMember()一样调用它
  • 此外,您还需要调用th中的
    click
    函数
    parseInt('1234');
    
    $(function showMember()...
    
    jQuery(function showMember()...
    
    $('.addMember').live('click', function(){
       showMember(); return false;
    });