Jquery 在选择的插件完成后做一些事情

Question

function mychosen(){
    $(".chosen-select").chosen();
    mytooltip();
}

function mytooltip(){

    $(".active-result").each(function () {
        $(this).attr("data-toggle","tooltip");
    });
}

$(document).ready(function () {
    mychosen();
});

.chosen() 添加

 <ul><li>

项到 html。 li 元素有一个 class "active-result"。但是，当我尝试更改它们时它不起作用，因为我的第二个函数在选择完成之前被调用，所以那段代码不起作用。如何在选择完成后调用我的第二个函数？

Answer 1

function chosen()
{
//your code
flag = true;
}

function mychosen(){
    $(".chosen-select").chosen();
    if(flag) mytooltip();
    else //settimer 
}

function mytooltip(){

    $(".active-result").each(function () {
        $(this).attr("data-toggle","tooltip");
    });
}

//global varible
var flag = false
$(document).ready(function () {

    mychosen();
});

Answer 2

因此，选择的插件仅在单击按钮后添加 html。因此，为什么我的代码不起作用。对于将来遇到类似问题的任何人，这是该怎么做：

$(document).ready(function () {
    $(".chosen-select").chosen();
    $(".chosen-container").click(addtitles);
    // We need to execute the Jquery every time the button gets clicked.
});

然后在函数中：

function addtitles(){

    var i = 0;

    $(".active-result").each(function () {
        $(this).attr("data-toggle","tooltip");
        $(this).attr("title",serializedResult[i]);
        $(this).attr("data-placement","right");
        $(this).parent().css("overflow","visible")
        $(this).tooltip();
        i++;
    });
}

Jquery 在选择的插件完成后做一些事情

Jquery do something after chosen plugin finishes

jquery

jquery-chosen