太久沒寫前端了,發現跟Jquery真的很不熟,昨天用PHP迴圈跑出一堆botton後,想要在每個Bottton按下去之後根據傳遞不同的參數,讓modal-dialog顯示不同的內容,大概像是下面這樣。

<a href="#" id="fun" onclick="showDialog('param1');">test 1</a>
<a href="#" id="fun" onclick="showDialog('param2');">test 2</a>

結果發現以前用javascript上面幾秒鐘就做完的事情,到了Jquery之後左思右想都不知道怎麼做,結果上網查jquery如何在onClick的時候傳遞參數,絕大部分的文章都叫你用bind,像下面這樣:

$("#fun").bind("click",{key:"value"},showDialog);

function showDialog(event)

{

     alert(event.data.key);

}

是說,如果我botton有100個,不就要bind 100次嗎?結果試了一個多小時之後,覺得還是用array selector來做簡單一點

<a href="#" id="fun[]" newid='param1'>test 1</a>
<a href="#" id="fun[]" newid='param2'>test 2</a>

$('#fun\\[\\]').click(function(){

     showDialog($(this).attr('newid'));

});

arrow
arrow
    全站熱搜

    nsysumis94 發表在 痞客邦 留言(0) 人氣()