Question

我的jsfiddle在这里 - http://jsfiddle.net/rDe9V/3/

相关jQuery

$(function() {
    $('form input[type="text"]').live('keyup', function() {
        var val = $.trim(this.value);
        $('form .create-playlist-button').prop('disabled', val.length == 0)
    });
    $('form .create-playlist-button').click(function(e) {
        var title = $(e.target).closest('.video-detail').find('.title').text();
        alert(title);
    });
});

要求

a。）当我点击“新建”时，我应该能够选择相应的表格值，如标题，视图等

b。）现在，它会在每次按键时保持警报

我是jQuery的新手，并不知道

Answer 1

查看my update。

我使用.on()代替.live（）和.click（），因为这适用于页面中的所有未来元素（例如live，但更好）。此外，我将处理函数添加到表单的submit事件中，因为这是当您单击＆＃34; New＆＃34;按钮（此时此选项适用于您体内的所有表单，因此您可能希望将该选择器缩小一点）。

在该处理程序中，您可以获得所需的一切，并使用.post()功能将其提交给服务器。我想这就是你想要的。

在下面找到相关的代码。

$(document).ready(function() {
    // activate "New" buttons if input is not empty
    $('form input[type="text"]').live('keyup', function() {
        var val = $.trim(this.value);
        $(this).next("button").prop('disabled', val.length === 0);
    });

    $("body").on("submit","form",function(e){
        // do not submit the form
        e.preventDefault();

        // handle everything yourself
        var $form = $(this);
        var title = $form.closest('.video-detail').find('.title').text();
        var entryTitle = $form.find('.input-small').val();
        console.debug(title);
        console.debug(entryTitle);
        // send the data to the server using .ajax() or .post()
    });
});

如何拨打警报，不要在按钮上点击重复？

1 个答案: