Question

新手在这里。我需要一些帮助，

我有一个空的ul，当用户填写表单并点击“保存”时，会添加列表项。我正在尝试设置它，以便他们可以双击添加的列表项，并通过jQuery UI对话框窗口中的另一个表单向该项添加更多信息，并将其保存在嵌套列表中。

这个应用程序是一个基本的D＆amp; D主动追踪器，DM可以添加玩家和他们的主动权，以及敌人，它会自动将他们从最高的主动性分类到最低的。嵌套列表将用于对玩家/敌人施加的效果。

到目前为止，这是我的代码的jsfiddle，我添加了一个列表项，所以你可以双击它来查看模态而不必填写表单： jsfiddle

这是我能够得到它的最接近的。它将信息添加到对话框窗口，而不是列表项。我尝试的其他所有东西都给了我错误。

以下是相关代码：

var conName
var duration
$('ul').on('dblclick', 'li', function(){

    $('#modal').dialog({
        title: 'TEST',
        buttons: [ { 
            text : 'save', 
            click: function() {
                conName = $('#con').val();
                duration = parseInt($('#dur').val()); 
                $(this).parent().append('<li>' + conName + ' ------ ' + duration + '</li>' );
}}]
    });

感谢您的帮助！

Answer 1

var conName
var duration
$('ul').on('dblclick', 'li', function(){
    _this = $(this);
    $('#modal').dialog({
        title: 'TEST',
        buttons: [ { 
            text : 'save', 
            click: function() {
                conName = $('#con').val();
                duration = parseInt($('#dur').val()); 
                _this.find('.subName').html(conName);
}}]
    });

You can check it out at jsfiddle.

如何在动态创建的列表中创建嵌套列表项？

1 个答案: