1

Twitter ブートストラップの .popover を .submit jquery イベント内で動作させようとしていますが、フォームの送信ボタンをクリックしても何も起こりません。ユーザーが送信ボタンをクリックすると、そのフィールドにポップオーバーが追加されるように、入力フィールドの「rel」属性を変更しています。ページが読み込まれる前に rel 属性を設定する通常の方法で行うと、ポップオーバーが表示されます。

入力フィールドは次のとおりです。

<label class="control-label" for="input-name" id="input_name_label">Name *</label>
        <div class="controls">
            <input rel="" data-original-title="Title" data-content="Random Text" type="text" class="span3" name="name" id="input-name">
        </div>

jquery関数は次のとおりです。

<script>
    $("#project_form").submit(function(e) {
            for(i=0;i< $("label").length;i++){
                    var str=$("label").eq(i).text();
                    if(str.charAt(str.length-1)=="*"){
                            $("label").eq(i).attr('rel','popover');
                            console.log($("label").get(i));
                            e.preventDefault();
                            $('input[rel="popover"]').popover('show');
                    }
                    console.log(str.charAt(str.length-1));
            }
            $("#preferences").val($("#sortable").sortable('toArray'));
    });
    </script>

この関数は、最後の文字が * であるラベルを検索し、それらにポップオーバー イベントを割り当てることになっています。ご協力いただきありがとうございます。

4

2 に答える 2

2

問題は、入力フィールドではなくラベル フィールドに rel 属性を割り当てていたことです。ええ、基本的なプログラミング エラーです。

于 2012-06-12T15:45:45.330 に答える
1

を作成したらrel="popover"、次をアクティブにしてハンドラーをアタッチする必要があります。

$('[rel="popover"]').tooltip();

お役に立てれば！:)

于 2012-06-12T15:29:18.397 に答える