Question

我用CSS而不是Javascript修复了我的问题，但我仍然很好奇为什么我无法使用Javascript。我有一个购物车软件的输出：

<div id="form-login-remember" style="margin-bottom:5px;">
  <label for="modlgn_remember">Remember Me</label>
  <input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me">
</div>
<div id="submit-login-button" style="margin-bottom:5px;">
  <input type="submit" name="Submit" class="button" value="Login">
</div>

最初我让<label>和<input>都向左浮动，导致下面的按钮元素向上滑动浮动元素。我想使用javascript或jquery插入<div style="clear:both;"></div>作为上面列出的第一个div中的最后一个元素<div id="form-login-remember" style="margin-bottom:5px;"></div>，以强制父div具有高度。

我尝试了这些不同的方法，每个方法都没有运气： 1.

<script>
jQuery(window).load(function() {
    $("<div style='clear:both;'></div>").insertAfter("#modlgn_remember");
});
</script>

2

<script>
jQuery(window).load(function() {
    $("#form-login-remember").append('<div style="clear:both;"></div>');
});
</script>

3

<script>

var newDiv = '<div style="clear:both;"></div>';

$(window).load(function() {
  $('#form-login-remember').append(newDiv);
});

</script>

所有三个都在关闭正文标记之前插入到我的模板中，我已经使用了jquery，并且这些是从我的页面的头部链接的。我正在学习javascript，有人可以指出我做错了什么吗？目前在网站的homepage，我有选项＃3仍然有效，但它没有插入div来清除：两个......？

Answer 1

看起来您的问题不在于您尝试附加div的方式，而在于使用load。您当前的代码导致js错误。如here所示，jQuery的load用于检索数据（来自服务器）并将其输出到所需的元素中。

$(document).ready()可能就是你要找的东西。

以下是使用＃3中代码（带文档）的工作示例：https://jsfiddle.net/aecoadny/

简单的Javascript插入div作为另一个div的最后一个元素

1 个答案: