Добавление selectmenu для выбора, вызывающего функции

У меня есть скрипт, который загружает html-контент в div и одновременно применяет вкладки jquery. Тем не менее, я хочу, чтобы JQuery Selectmenu был выбран одновременно.

Мне трудно понять, как их вложить.

Я буду продолжать изучать документы API, учебные пособия, stackoverflow и т. д.

НО, тем временем я подумал, что кто-то может помочь ускорить процесс.

Это мой сценарий как есть:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).change(function( event ) {
        work.load($(this).val(),function(){
             $("#textdisplay").tabs();
        });
    });
});

Этот скрипт работает так, как я хочу, но он не соответствует моей теме, потому что это не меню выбора.

Я хочу, чтобы мой выбор использовал selectmenu:

$(function() {
    $( "#selector" ).selectmenu();
});

Попытка 1:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu(
        $( "#selector" ).change(function( event, ui ) {
            work.load($(this).val(),function(){
                 $("#textdisplay").tabs();
            );
        }); 
    });
});

Попытка 2:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu({
        change: function( event ) {
            work.load($(this).val(),function(){
                 $("#textdisplay").tabs();
            });
        });
    });
});

Попытка 3:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu({
        change: function( event, ui ) {
            work.load($(this).val(),function(){
                 $("#textdisplay").tabs();
            });
        });
    });
});

Попытка 4:

Эта попытка загружает тему selectmenu, но убивает функциональность

$(function() {
    $( "#selector" ).selectmenu();
});

$(function() {
    var work = $( "#display" );
    $( "#selector" ).change(function( event ) {
        work.load($(this).val(),function(){
             $("#textdisplay").tabs();
        });
    });
});

Попытка 5:

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu ({
        selectmenuchange: function( event, ui ) {
        work.load($(this).val(),function(){
             $("#textdisplay").tabs();
            });
        }
    }); 
});

javascript jquery syntax jquery-ui jquery-ui-selectmenu
person RedBeardPro    schedule 12.05.2015    source источник
comment
Вы пробовали $( #selector ).selectmenu(); $( #selector ).change(function() {}); ? Я хочу сказать, что не пишите триггер изменения в опциях selectmenu.   -  person progrAmmar    schedule 12.05.2015
comment
Я думаю, что сделал. Просто иметь две отдельные функции? $(function() { $(#selector).selectmenu(); var work = $(#display); $(#selector).change(function(event) { work.load($(this).val() ,function(){ $(#textdisplay).tabs(); }); }); }); Это форматирует выбор с помощью темы Jquery, но делает эту функциональность неработоспособной. Я думаю, что это похоже на этот пост. stackoverflow.com/questions/24596408/   -  person RedBeardPro    schedule 12.05.2015

Ответы (1)


arrow_upward
1
arrow_downward

Итак, я вернулся к документации Jquery и нашел правильный синтаксис, чтобы это работало. Я также узнал немного больше о том, как использовать вкладку консоли в представлении инструментов разработчика для отслеживания синтаксических ошибок.

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu ({
        change: function( event, data ){
        work.load($(this).val(),function(){
             $("#textdisplay").tabs();
            });
        }
    }); 
});
person RedBeardPro    schedule 14.05.2015