2016-06-24 4 views
0

JavaScriptの繰り返しを避けるために、javascript/jqueryコードを抽象化しようとしています。 Iユーザーがドロップダウンメニューから値を選択したときに実行されるクリックイベントを、持っている:クリックイベントとは独立したjquery関数を作成し、ページロード時に実行します。

$(".dropdown-menu-methods li a").click(function(){ 
    $("#button-methods:first-child").text($(this).text()); 
    $("#button-methods:first-child").val($(this).text()); 
    selected_val = $(this).attr("id"); 
    element_id = ["_panel_container", "_panel_msg"]; 
    clear_content(element_id); 
    if (selected_val == "excel_layer"){ 
    $("#_panel_container").append('<i>"Choose an existing layer </i>); 
    ... 

この関数は、変数を渡すことで、ボタンクリックで実行されるが、私はいつでもそれを実行できるようにしたいと思いますそれ。 どうすればいいですか?クリックイベントから機能を切り離し、ページの読み込み時にその機能を実行しますか?

+0

たいと 'iの使用を示唆して多くの引数として渡すことができますchange() ' – guradio

答えて

1

ただ、標準のJS関数を作成し、いつでもどこでもあなたが欲しいからそれを呼び出す:

function theFunc() { 
    // do stuff 
} 


$(".dropdown-menu-methods li a").click(function() { 
    theFunc(); 
}); 

theFunc()は、標準的なJS関数であり、あなたが

+1

あなたは' $( "#selectid ')のように関数参照を渡すこともできます。 .dropdown-menu-methods li a ")。クリック(theFunc)' – Satpal

+0

OPのサンプルコードを見ると、@ Satpalのバージョンも必要です。関数内の適切なコンテキスト –

関連する問題