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

Question

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

У меня возникли проблемы с выяснением того, как их вложить.

Я буду продолжать искать на Docs API, и учебники, StackOverflow и т.д.

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

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

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

Этот скрипт работает так же, как я хочу его, но он не получает стиль с моей темой, потому что это не selectmenu

Я хочу, чтобы мой выберите использовать 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(); 
      }); 
     } 
    }); 
}); 

Answer 1

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

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