jQuery live() 和更改

发布于 2024-10-31 09:57:23 字数 1188 浏览 3 评论 0原文

我有一个困境 - 创建了一个行表，其中包含文本字段、下拉菜单和相关的第三个字段/选择。

还有“添加新”按钮，用于添加新行，并将默认值放置在这 3 个表单元素内。

这是根据从前面的选择菜单中选择的值更改第三列元素的脚本：

if ($('.navigation_type').length > 0) {
    $('.navigation_type').live('change', function() {
        var next_cell = $(this).parent('td').next();
        var identity = $(this).attr('id').split('_');
        var type = $(this).val();
        var url = '/pages/c/navigation/a/fetch/id/' + identity[1] + '/type/' + type;
        $.getJSON(url, function(data) {
            if (!data.error) {
                next_cell.html(data.content);
            }
        });         
    });
}

“添加新按钮”脚本如下所示：

if ($('.add_navigation').length > 0) {
    $('.add_navigation').click(function() {
        var master = $(this).attr('id').split('_');
        master = master[1];         
        $.getJSON('/pages/c/navigation/a/newrow/master/' + master, function(data) {
            $('#section_' + master).after(data.row);
        });
        return false;
    });
}

“.add_navigation”按钮工作正常，直到我更改下拉菜单 - 它不执行任何操作 - 意味着第三列不会根据所选值而改变。

我使用了 live('change') 方法，因为我认为它应该解决问题，但显然我做错了什么 - 知道它是什么吗？

原文

I have a dilema - created a table of rows which contain text field, dropdown menu and dependent 3rd filed / select.

There's also 'Add new' button which adds new row with default values placed withing these 3 form elements.

Here's the script which changes the third column element depending on the value selected from the preceding select menu:

if ($('.navigation_type').length > 0) {
    $('.navigation_type').live('change', function() {
        var next_cell = $(this).parent('td').next();
        var identity = $(this).attr('id').split('_');
        var type = $(this).val();
        var url = '/pages/c/navigation/a/fetch/id/' + identity[1] + '/type/' + type;
        $.getJSON(url, function(data) {
            if (!data.error) {
                next_cell.html(data.content);
            }
        });         
    });
}

And the 'Add new button' script looks like this:

if ($('.add_navigation').length > 0) {
    $('.add_navigation').click(function() {
        var master = $(this).attr('id').split('_');
        master = master[1];         
        $.getJSON('/pages/c/navigation/a/newrow/master/' + master, function(data) {
            $('#section_' + master).after(data.row);
        });
        return false;
    });
}

The '.add_navigation' button works fine until the point where I change the value in the dropdown - it doesn't do anything - meaning the third column doesn't change depending on the selected value.

I've used live('change') menthod as I thought it should solve the problem, but clearly I'm doing something wrong - any idea what it is?

分享到QQ

分享到微博