0

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

我很难弄清楚如何嵌套这些。

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

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

这是我的脚本:

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

这个脚本就像我想要的那样工作,但它没有得到我的主题的样式,因为它不是一个选择菜单

我希望我的选择使用选择菜单:

$(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:

此尝试加载选择菜单主题,但会杀死功能

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

1 回答 1

1

所以,我回到了 Jquery 文档并找到了正确的语法来完成这项工作。我还了解了更多关于如何使用开发人员工具视图中的控制台选项卡来跟踪语法错误的信息。

$(function() {
    var work = $( "#display" );
    $( "#selector" ).selectmenu ({
        change: function( event, data ){
        work.load($(this).val(),function(){
             $("#textdisplay").tabs();
            });
        }
    }); 
});
于 2015-05-14T01:13:35.353 回答