如何通过插件访问函数

Question

我使用选择的jquery插件作为我的select输入。我想在点击一个标签时重置选择选项，这样我就可以访问jquery插件功能了。DEMO

HTML

<select id="second" class="chzn-select" style="width:100px">
<option value="0"> select</option>
<option value="1"> mr</option>
<option value="2"> mrs</option>
</select>
<a href="#">reset</a>​

jquery

$(".chzn-select").chosen()
$('a').click(function(){
    $.chosen({results_reset})
})

插件中的​函数

Chosen.prototype.results_reset = function () {
    this.form_field.options[0].selected = true;
    this.selected_item.find("span").text(this.default_text);

    if (!this.is_multiple) this.selected_item.addClass("chzn-default");

    this.show_search_field_default();
    this.results_reset_cleanup();
    this.form_field_jq.trigger("change");

    if (this.active_field) return this.results_hide();
};

这里是完整插件http://harvesthq.github.com/chosen/chosen/chosen.jquery.js的链接

Answer 1

编辑

要调用插件函数，您可以执行以下操作：

$('your-select').data('chosen').results_reset();

演示： http://jsfiddle.net/vCE4Y/12/

您不需要访问插件代码来重置select。您可以按如下方式重置它：

$('your-select').val(0).trigger("liszt:updated");

演示： http://jsfiddle.net/vCE4Y/11/

Answer 2

您也可以尝试此操作以进行重置

$('a').click(function(){

     $('#second').trigger("liszt:updated");

})

Answer 3

在选定的Jquery中

$('select-element').val('').trigger("chosen:updated");

注意:在1.0之前的版本中使用了以下内容：

$('select-element').trigger("liszt:updated");