Question

我遇到了很多这个问题，我相信它与事件绑定有关，或者jQuery试图在元素存在之前更改它。我加载了一些HTML。那样就好。一些元素按预期更改，因为它们已经存在于DOM中的更高级别。但改变加载的HTML中的内容，例如更改已加载的表单占位符的属性（使用其ID） - 失败。

这是jQuery的东西：

$.get("inc/views/updateSegment.php", function (view) {
    $('#segment-body').html(view);
    $('#mode').html('Edit Mode').toggleClass('text-danger text-primary');

    $('#' + form_target_id).append('<button type="button" id="updateScore" class="btn btn-primary" onclick="segmentList()">Cancel</button>');

    $('#segment_name').attr("placeholder","Party Time");

})

以下是加载的HTML：

    <p class="info">Update current Segment details</p>
<form role="form" id="updateSegment-form">
    <div class="form-group">
        <input type="text" class="form-control" name="segment_name" id="segment_name" placeholder="Title">
        <small id="segmentnameHelp" class="form-text text-muted">Update the Name</small>
    </div>
    <div class="form-group">
        <input type="time" class="form-control" name="start_time" id="start_time">
        <small id="starttimeHelp" class="form-text text-muted">Update the Start-time</small>
    </div>
</form>

属性更改意外失败 - 事件绑定和事件委派

0 个答案: