在调用函数的 select 上添加 select 菜单

Question

我有一个脚本可以将 html 内容加载到 div 并同时应用 jquery 选项卡。但是，我想同时在 select 上获得 JQuery Selectmenu。

我不知道如何嵌套这些。

我将继续查看 API 文档、教程、Whosebug 等

但是，与此同时，我认为有人可以帮助加快这个过程。

这是我的脚本：

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

这个脚本就像我想要的那样工作，但是它没有按照我的主题设置样式，因为它不是 selectmenu

我想让我的 select 使用 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：

此尝试加载 select 菜单主题，但会终止功能

$(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();
            });
        }
    }); 
});

在调用函数的 select 上添加 select 菜单

Adding selectmenu on select that's calling functions

javascript

syntax

jquery

jquery-ui

jquery-ui-selectmenu