javascript - オブジェクトタグを使用しようとすると、jQueryクリックハンドラーが1回起動します

Question

以下のコードに問題があります：

$('#thing1').on('click',function() {
    writeNewHtml(parm1, 550, 925);
}); 

以下のようなオブジェクトタグを使用しようとしない限り、これは毎回機能します。

function writeNewHtml(parm1, height, width) {
     $('#div').html("object/embed tag");
}

だから私の質問は、オブジェクトタグを使用するときに内部htmlを1回だけ書き込む理由はありますが、他のタグを使用すると期待どおりに機能しますか？

Answer 1

jsfiddleリンクでは、onClickイベントをバインドする前に「選択可能な」プラグインを使用したことがわかります。これにより、そのオブジェクトへの他のonclickバインディングは廃止されます。次のコードを削除すると機能しますが、「Thing1」および「Thing2」要素で選択可能なプラグインを使用できなくなります。

$('#thing1').selectable();
$('#thing2').selectable();