0

プロジェクトのjQueryとjQuery UIのバージョンをアップグレードしたい

しかし、タブウィジェットには問題があります。

アクティブなイベントが機能していません

だから私はそれを修正し、何が間違っているかを知りたい

どの$("tabs").tabs("option", "active", tab_index)ように関数に移動しますか$.widget.bridge?????

そして、widget.birdgeがどのように機能するのだろうか

ここに私のコードがあります

    v_Tabs.obj
        = $("tabs").tabs({

            activate: function (event, ui) {
                gw_com_api.hide("lyrAdd");
                var page = "page_" + v_Tab.index;
                                    var content =
                    "<iframe" +
                        " id='" + page + "'" +
                        " src='" + v_Tab.content +
                        "?USR_ID=" + v_Session.USR_ID +
                        "'" +
                        " width='100%'" +
                        " height='550px'" +
                        " frameborder='yes' scrolling='no' marginheight=0 marginwidth=0" +
                    ">" +
                    "</iframe>";
                $(ui.panel).append(content);
            }
        });

    v_Tabs.obj.tabs("option", "active", tab_index);
4

1 に答える 1

0

いくつかの小さな修正を行うことで、問題が解決するはずです。

jQuery

v_Tabs.obj = $("#tabs").tabs({
  activate: function(event, ui) {
    gw_com_api.hide("lyrAdd");
    var page = "page_" + v_Tab.index;
    var content = $("<iframe>", {
      id: page,
      src: v_Tab.content + "?USER_ID=" + v_Session.USR_ID,
      width: '100%',
      height: '550px',
      frameborder: 'yes',
      scrolling: 'no',
      marginheight: 0,
      marginwidth: 0
    });
    $(ui.newPanel).append(content);
  }
});

例: https://jsfiddle.net/Twisty/ygb0o68b/

ui.newPanelを含める必要があると思いますiframe。jQuery を使用して要素を作成すると、より適切な制御が可能になります。また、セレクターが正しいことを確認する必要があります。

于 2016-08-04T16:33:45.343 に答える