Knockout.js の使用につきまして

Question

Knockout.js　を使用しまして、
ボタンタグに　因数　を載せたジャバスクリプトを iframe で呼び出したのですが、ボタンタグが上手く動きません。
iframe にて呼び出さず、単体ページでしたら上手く起動します。

---

★Javascriptの個所
ko.applyBindings(new vm);
$('button[data-href]').on('click',function(){
parent.location.href = $(this).attr('data-href');
});

★ボタンの個所
<button data-bind="attr:{ 'data-href': url }" class="inputbut" formtarget="_top">この条件で検索</button>

★iframeの個所

<iframe src="○○.html" width="950" height="320" frameborder="0" scrolling="no"><iframe> ---------

何がいけないか分かりますでしょうか？
お願いいたします。

Comments

[m.ts10806]

タグがあるので追加されたほうが良いです。
https://teratail.com/tags/Knockout.js
質問数もあまり多くないですが、単に「JavaScript」とするだけよりも良いかなと。

[m.ts10806]

あと　因数
ではなく　引数
かと。

[kayopon]

ご指摘ありがとうございます。
タグ付けしました。

[m.ts10806]

質問編集できていないようです