2 
var select_tag = $('<select></select>').attr( {
    onchange: 'createDiscipline()',
    class: 'select_menu'}
).fadeIn('slow');

これは FF では機能しますが、Chrome では機能しません。Chrome では、クラスは設定されていますが、createDisicipline() は設定されていません。

タグに複数の属性を追加する方法は間違っていますか? FFで動作します:/

コード全体:

var select_tag = $('<select>', {
                    onchange: createDiscipline,
                    'class': 'select_menu'}
                ).fadeIn('slow');
            for(i = 0; i < c_data.length; i++) {
                select_tag.append('<option>' + c_data[i] + '</option>');
            }

            //wrap select_tag in div
            var div_buffer = $('<div class=\'select_buffer\'></div>');
            var div_container = $('<div class=\'select\'></div>');
            div_buffer.append(select_tag).wrap('<div class=\'select_buffer\' />');
            div_container.append(heading);
            div_container.append(div_buffer);

            //Append to the page after right_content id
            $('#right_content').append(div_container)
4

2 に答える 2

4

このようなイベント ハンドラーをバインドしようとしないでください。目立たない方法でそれを行います：

var select_tag = $('<select>', {
    change:  createDiscipline,
    'class': 'select_menu'
}).appendTo(document.body).fadeIn('slow');

私の変化に注目してください。これclassは InternetExplorer のキーワードであり、そうしないとコードが壊れる可能性があるため、引用符で囲みました。また、新しく作成した<select>ノードを document.body に追加しました。

デモ: http://jsfiddle.net/vM5Hp/

于 2011-02-18T18:11:15.080 に答える
0 
Some time it’s very frustrated that jQuery .attr not working with Chrome.
    Here I am giving you solution for this.
    Try:
    $(window).load(function () {
    //your script or function
    });
    Rather then
    $(document).ready(function () {
    //your script or function
    });
于 2011-11-01T21:26:39.973 に答える