Question

我正在尝试确保加载jQuery。我正在尝试通过设置来测试它，以便当您单击按钮时，该按钮将被删除。它不起作用。有人能指出我在这里做错了什么吗？

另外，我正试图将按钮居中。我正在使用的css不起作用。我确信我可以通过一点努力自己解决这个问题，但如果有人能解释如何，那就太好了。

HTML：

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="chaos.css"/>
    <script type="text/javascript" src="Chaos.js"></script>
    <script type="text/javascript" src="jquery-1.10.0.min.js"></script>
    <title>MTG Chaos Roller</title>
</head>
<body>
    <div id="buttons">
        <input type="submit" value="Roll Chaos">
        <input type="submit" value="Roll EnchantWorldLand">
        <input type="submit" value="Roll PersonaLand">
        <input type="submit" value="Roll WackyLand">
    </div>

</body>
</html>

CSS：

body {
    background-color: black
};

#buttons {
    margin-left:auto;
    margin-right:auto;
};

JS：

$(document).ready(function(){
    $(#buttons).click(function(){

    });

    $(document).on(function('click', '#buttons', .remove(this)){

    });
});

哦，还有：有没有办法在这个网站上保留代码格式，而不必在每行的开头添加四个空格？说明书没有解释清楚。

Answer 1

你几乎得到了它：

$(document).on('click', '#buttons', function() {
    $(this).remove();
});

在第一次通话中，您忘记了引号：

$("#buttons").click(function(){

Answer 2

错误

    $(#buttons).click(function(){

    });

右： -

$('#buttons').click(function(){
        $(this).remove();
        });

错误

 $(document).on(function('click', '#buttons', .remove(this)){

    });

右

$(document).on('click', '#buttons', function(){
        $(this).remove();
})

使用on的事件委派主要用于动态创建的元素，以便将事件附加到document head或任何容器，以便将其存储到现在预设的目标元素或将来动态添加的目标元素。如果您知道它是否已经存在于DOM中并且未在以后的时间段内动态添加或不添加，请不要使用它。你的第一个选择会很好。

可能你的意思是： -

$('#buttons input').click(function () {
      $(this).remove();
});

更新

你需要先在JS之前加载jquery（假设你的js使用jquery）

<head>
    <link type="text/css" rel="stylesheet" href="chaos.css"/>
    <script type="text/javascript" src="jquery-1.10.0.min.js"></script>
    <script type="text/javascript" src="Chaos.js"></script>

    <title>MTG Chaos Roller</title>
</head>

试图让jQuery删除按钮。它不起作用

2 个答案:

更新