Question

我正试图在ajax响应中隐藏div元素。这是我尝试过的：

<div id="product-options-wrapper" class="product-options"><!--where i am calling ajax-->

new Ajax.Request(url, 
     {
        parameters: {opt_product_id: 22},
        onSuccess: function(response) {
           // Handle the response content...
           if (response.responseText === "1") {
             $("showoutofstocknotifbox").show();
               alert('it works'); //ajax response successful alert box shows
             $$('.product-options-bottom').hide(); //should hide a div element
           } else {
             $("showoutofstocknotifbox").hide();
           }
        },
     });
</div>
<div class="product-options-bottom"><!--trying to hide on ajax success--></div>

但这没有任何作用。我正在使用原型javascript。如何通过纠正或修改上述（javascript）代码来实现这一目标？

谢谢你的时间。

Answer 1

   new Ajax.Request(url, 
 {
    parameters: {opt_product_id: 22},
    onSuccess: function(response) {
       // Handle the response content...
       if (response.responseText === "1") {
         $("showoutofstocknotifbox").show();
           alert('it works'); //ajax response successful alert box shows

          $$('.product-options-bottom')[0].hide(); //should hide a div element

        } else {
         $("showoutofstocknotifbox").hide();
       }
    },
 });

$$（'。class'）用于返回数组，因此需要提及索引...

Answer 2

定义其类是否添加。或者如果它的id添加＃

对于班级

 $(".showoutofstocknotifbox").show();

ID

 $("#showoutofstocknotifbox").show();

代码中的错误也会使用firebug设置代码检查错误像

alert() not aler()

如何在成功的ajax响应中隐藏div元素？

2 个答案: