Question

基本上当我点击一个按钮时我想调用一个函数并运行按钮点击功能：

这个jQuery在页面加载时运行：

jQuery( document ).ready( function ( $ ) {
  $('ul li:first-child').addClass( 'first_item' );
  className = $('.first_item').attr('id');
  alert('Date is:'+ className +'.');
});

当单击a按钮时，此jQuery运行：

jQuery( document ).ready( function ( $ ) {
    $('.button').click(function() {
        $('.tweets ul').prepend($('.refreshMe').html());
    });
});

我想在单击按钮时同时执行这两项操作，如何将两者合并？

P.P：

如果我想在混音中添加另一个功能，那么一起运行：

    $(".refreshMe").everyTime(5000,function(i){
        $.ajax({
          url: "test.php?latest="+className+"",
          cache: false,
          success: function(html){
            $(".refreshMe").html(html);
          }
        })
    })

Answer 1

将在页面加载上运行的代码放在两种情况下调用的函数中。

    // Place all the code in one .ready() function instead of two.
jQuery( document ).ready( function ( $ ) {

       // Place your code in its own function
    function initialize() {
        $('ul li:first-child').addClass( 'first_item' );
        className = $('.first_item').attr('id');
        alert('Date is:'+ className +'.');
    }

       // Call the function on page load
    initialize();

    $('.button').click(function() {
        $('.tweets ul').prepend($('.refreshMe').html());
           // Call the function in the click handler
        initialize();
    });
});

Answer 2

使用单独的功能，如下所示：

function doThings() {
    $('ul li:first-child').addClass( 'first_item' );
    className = $('.first_item').attr('id');
    alert('Date is:'+ className +'.');
}

$(document).ready(function () {
    doThings();
    $('.button').click(function () {
        $('.tweets ul').prepend($('.refreshMe').html());
        doThings();
    });
});

jQuery - 单击调用函数并单击函数

2 个答案: