作成しようとしているカスタム ダイアログ ウィジェット内でのプライベート/パブリック関数の呼び出しに問題があります。何らかの理由で、_create() メソッドから _clean() というメソッドを呼び出そうとすると、Firebug で「参照エラー: _clean が定義されていません」というエラーが発生し続けます。これが私のコードです:
(function($, window, document, undefined) {
$.widget("ui.supernovae", $.ui.dialog, {
options: {
// default options
height: 700,
width: 1500,
maxWidth: 1500,
autoOpen: false,
disabled: true,
draggable: false,
title: "Supernovae v0.1",
resizable: false,
modal: true
},
_create: function() {
$.ui.dialog.prototype._create.apply(this); //call the constructor of the ui.dialog widget
//set the variables needed - cache when appropriate
var self = this.element,
options = self.options,
childList = self.find( "#supernovaTabs > li" )
progressBar = self.children( "#progressbarSupernova" ),
tabContent = $("#supernova_tab_content").children("div");
var pvalue = 0;
progressBar.progressbar({value: 33.3}); // set up the progress bar
tabContent.find( "button" ).button({ icons: { primary: "ui-icon-search" } });
$("#search1").bind('click', function(){
_clean(1); // here is where the reference error occurs
var the_name = String($("#obj_name").val());
console.log("The name: " + the_name);
search(the_name, null, null, null);
});
$("#search2").bind('click', function(){
_clean(2);
var the_ra = parseFloat($("#obj_ra").val());
var the_dec = parseFloat($("#obj_dec").val());
var the_eplison = parseFloat($("#obj_epsilon").val());
search(null, the_ra, the_dec, the_eplison);
});
childList.on("click", function(event){
event.preventDefault();
childList.removeClass("selectedSupernovaTab");
$(this).addClass("selectedSupernovaTab");
tabContent.hide(); //Hide all tab content
//handle the progressbar animations to align correctly with the list items above
switch($(this).index()){
case 0:
pvalue = "33%";
break;
case 1:
pvalue = "66.4%";
break;
case 2:
pvalue = "100%";
break;
}
progressBar.children( ".ui-progressbar-value" ).animate({width: pvalue}, 700, 'easeOutCubic'); //animate the progressbar
var activeDivId = $(this).find("a").attr("href");
$(activeDivId).fadeIn();
});
},
_clean: function(type) {
$("div.item").remove();
if(type == 1){
$("#obj_ra").val('');
$("#obj_dec").val('');
$("#obj_epsilon").val('');
}else if(type == 2){
$("#obj_name").val('');
}else{
;
}
}
});
})(jQuery, window, document);
function initSupernovaeExt(){
$("#supernovae").button({
label:"Supernovae v0.1",
icons: {primary:"ui-icon-snicon"}
});
$("#supernovae_dialog").supernovae({
open: function( event, ui ) {
//Set up the initial views
tabContent.hide(); // Hide all tab content initially
$("#searchSupernova").fadeIn({duration: 1000}); //fade in the first div content
}
});
$("#supernovae").button().on("click.showSNExt", function(){
$("#supernovae_dialog").supernovae("open");
});
}
私はおそらく非常に簡単なものを見逃していますが、関数が呼び出されていない理由を理解できないようです。クリック ハンドラーを正しい場所にバインドしていることと、ハンドラーがバインドされる前に _clean() 関数が解析されていることを確認したいだけです。すべての助けをありがとう。