ajax开发中的问题

Question

我为我糟糕的英语提前道歉。我在开发http://plast-pak.esy.es/的网站上使用Ajax进行html编码，我把它叫做html页面到我的首页中，滑块是SlideUp。

<button onclick="clickAlert();" class="clickDown">?????????</button>

<script>

    function clickAlert() {
        $(this).click(function(){
            $.ajax({
                type: 'GET',
                dataType: 'html',
                url: 'item-1.html',
                success: function(response) {
                    $('#projectInformation').html(response).slideDown('fast');
                }
            });
            $('.front-page > #main_wrap').slideUp(3000);
            $('.front-page > #menuBar').slideUp(3000);
        });
    }

</script>

是带有信息的回调页面。它有自己的按钮，女巫必须关闭这个页面并返回头版。

<button onclick="clickAbort();" class="clickUp">????????? ?? ???????</button>

<script>

    function clickAbort() {
        $(this).click(function(){
            $('.front-page > #main_wrap').slideDown(3000);
            $('.front-page > #menuBar').slideDown(3000);
            $('#projectInformation .full-node').remove();
        });
    }

</script>

最后，一切都在运作，它是如何运作的。一切都很可怕非常不正确。请帮助我理解为什么一切都是这样的。提前谢谢。

Answer 1

谢谢大家的建议。问题的解决办法如下：

<button id="alert" onclick="clickAlert();" class="clickDown">Подробнее</button>
    function clickAlert() {
                $.ajax({
                    type: 'GET',
                    dataType: 'html',
                    url: 'item-1.html',
                    success: function(response) {
                        ...
                    }
                });
                ...
        }

出于任何原因，Slider没有使用以下代码

$("#alert").click(function(){
    $.ajax({
        type: 'GET',
        dataType: 'html',
        url: 'item-1.html',
        success: function(response) {
             $('#projectInformation').html(response).slideDown('fast');
        }
    });
    $('.front-page > #main_wrap').slideUp(3000);
    $('.front-page > #menuBar').slideUp(3000);

只有单击“事件”按钮才能正常工作。再次感谢你的建议

Answer 2

删除

$(this).click(function(){

来自clickAlert和clickAbort。它们已经是单击处理程序。

除此之外，你必须对“可怕和非常不正确”更加具体。

Answer 3

$(this).click()用于为按钮的单击事件设置一个处理程序，您已经通过在标记中设置onclick属性来做到这一点。通常这样做的方法是向按钮提供一个id，这样您就可以在javascript代码中设置事件：

<button id="alert" class="clickDown">Подробнее</button>
<script type="text/javascript">
$("#alert").click(function(){
    $.ajax({
        type: 'GET',
        dataType: 'html',
        url: 'item-1.html',
        success: function(response) {
             $('#projectInformation').html(response).slideDown('fast');
        }
    });
    $('.front-page > #main_wrap').slideUp(3000);
    $('.front-page > #menuBar').slideUp(3000);
});
</script>