Question

我提前为我糟糕的英语道歉。我在html编码上有开发http://plast-pak.esy.es/的网站使用Ajax我将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

删除

$(this).click(function(){

来自clickAlert和clickAbort的

。他们已经是点击处理程序了。

除此之外，你必须更具体地说“可怕而且非常不正确”。

Answer 2

$（this）.click（）用于为按钮的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>

Answer 3

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

<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);

只有点击按钮中的事件才有效。再次感谢您的建议

ajax开发的问题

3 个答案: