簡體   English   中英

更改事件后未更改Dom

[英]Dom not changed after change event

這是代碼。 “ ON change”工作正常。 但是在更改#record_record_type元素的值之后,“焦點對准”不起作用,因為#record_record_type的值仍然相同。 請幫我。

$(document).ready(function () {
    var current = "A";
    $("#record_record_type").on('change keypress paste focus textInput input', function() {
        if($("#record_record_type").val() == "TXT") {
            $('#numeru').html('<textarea cols="40" id="record_ttl" name="record[data]" rows="20"></textarea>');
            $("#record_record_type").val("TXT");
            current = "TXT";
        } else if($('#record_record_type').val() == "MX") {
            $('#numeru').html('<input id="record_data" name="record[data]" size="30" type="text">');
            $('#numeru').append('<label>Приоритет MX</label><input id="record_data" name="record[mx_priority]" size="30" type="text">');
            current = "MX";
        } else {
            $('#numeru').html('<input id="record_data" name="record[data]" size="30" type="text">');
        };
    });

    $("#record_data").focus(function() {
        if($("#record_record_type").val() == "A"){
            $("#new_record").validate({
                rules:{
                    "record[data]": {
                        required:true,
                        ipv4: true
                    }
                },
                submitHandler: function(form){
                    showLoadingScreen();
                    $(form)
                        .submit()
                        .always(function(){ hideLoadingScreen() });
                }
            });
        }
    });
});

$("#record_record_type").on('change keypress paste focus textInput input', function() {
  //Put this in the end after your condition checks
  $("#record_record_type").blur();
}

您可以嘗試使用代替此行:

$("#record_data").focus(function() {

這個

$("#record_data").on('focus', function() {

更改后它將立即做出反應。

您也可以使用以下方法:

$("#record_record_type").on('change keypress paste focus textInput input', function() {
  //Put this in the end after your condition checks
  $("#record_record_type").blur();
  $("#record_data").focus();
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM