.load()函数在点击时加载整个页面

时间:2014-02-15 10:32:25

标签: javascript jquery

我已经使用modal进行用户注册并且当用户点击注册链接正常工作时模态弹出窗口加载完全现在我正在制作评论框,用户可以评论图片,如果用户没有登录,我想加载相同的弹出模式,它与寄存器链接绑定一些我是如何成功但错误是load()函数在同一页面上为我加载整个页面我完全混淆。这是我的编码。

$("#button").click(function(){
                          var user=$("#username").val();
                          var message=$("#form-s-t").val();
                    if(user != ""){
                      if(message != ""){
                            $.ajax({
                                type:"post",
                                url:"retriveing.php",
                                data:"name="+name+"&message="+message+"&action=addcomment",
                                success:function(data){
                                showComment();
                                }
                            });
                           $("#form-s-t").val('');
                      }
                        else {alert("you can not post empty comments");}
                    }

在其他部分,我正在加载弹出窗口。

else{
                            $('.topopup').load("#toPopup");
                            }
                        });
                   });

用寄存器链接加载的弹出窗口是这个。 correct popup

没有登录的用户想要评论它如图所示,加载页面如图所示。

wrong popup

3 个答案:

答案 0 :(得分:1)

如果模型位于同一页面,则不需要load()函数。尝试触发可以这样做的寄存器链接。 删除else部分中的加载函数,然后编写我在下面给出的代码。

 $('.topopup').trigger("click");

.topopup 

是注册链接的ID,您希望在用户未登录并想要发表评论时加载此弹出窗口。我希望它对你有用。如果模型位于同一页面中。

答案 1 :(得分:0)

从您的屏幕截图中,您将错误的参数发送到服务器。

$('.topopup').load("#toPopup");
// you just load "/#toPopup" page from the server
// and the server return a new page to you
// then jQuery update '.topopup' with the new
// page

答案 2 :(得分:0)

您正在加载锚点,因此同一页面将被注入到类.topopup的元素中。只需检查注册按钮的onclick功能,如果要重新创建相同的行为,请使用else { thatFunction(); }。 [另请尝试使用retrieving.php作为文件名。]

澄清:load("#toPopup")是等同的。到load(currentURL+"#toPopup")。第一个参数是URL字符串,而不是选择器字符串。