1

次のコードがあります。

<div class="modal-footer">
   <a class="btn btn-primary" onclick="saveChanges ();">Save changes</a>
</div>

<script type="text/javascript">
$(document).ready(function() {
   function saveChanges () {
      tinyMCE.triggerSave();
   } 
   ...
   ...

理由はわかりませんが、[変更を保存] リンクをクリックしても何も起こらず、saveChanges関数が呼び出されないようです。

onClickリンクからイベントを削除して、saveChanges()機能がリンクのクリックに関連付けられるようにする方法はありjQueryますか?

4

3 に答える 3

3

関数は にある必要があります。global scope内部スコープにある場合は、 にアクセスできませんonclick=...:

<script type="text/javascript">
   function saveChanges () {
      tinyMCE.triggerSave();
   } 
</script>

またはjQueryを使用：

<a class="btn btn-primary"> Save changes</a>

<script type="text/javascript">
$(function(){
    $('.btn-primary').click(function(){
        tinyMCE.triggerSave();
    });
});
</script>

次のように<a>anを指定することをお勧めします。id

<a id="theAnchor"> Save changes</a>

それで...

$(function(){
    $('#theAnchor').click(function(){
        tinyMCE.triggerSave();
    });
});
于 2012-04-15T19:35:56.903 に答える
0

HTML

 <a class="btn btn-primary" id="btnSave">Save changes</a>

脚本

$(function(){
 $("#btnSave").click(function(){
   //Your code for Save changes goes here
 });
});
于 2012-04-15T19:36:50.417 に答える
0

既存のコードで、jQuery ルートを実行したい場合は、次のclick()ようにイベントをバインドできます。

<script type="text/javascript">
    $(function() {
        $('.btn').click(function(e) {
            tinyMCE.triggerSave();
            e.preventDefault();
        });
    });
</script>

これは、クリックイベントを class を持つすべての要素にバインドしています.btn。より具体的にしたい場合は、別のセレクターを使用できます。

既存のコードが機能しない理由は、jQuery 関数内で定義したために onclick が関数を見つけられないためです$(document).ready。

于 2012-04-15T19:38:11.307 に答える