Question

我想在Search上弹出我的登录模式，如果使用jQuery，则点击loginStatus == false。

即。如果用户没有登录，我希望他先登录。

        $('#serviceSelect').on('click', function(event) {
        if (found == 0) {
            alert("Sorry donot exist")
        }
        if(found ==1)
            {
            var status=sessionStorage.getItem('isLoggedIn');
            //alert(status);
            if(status==true){
                alert("Logged in");

            /*--------------    Specify the Questionnare link here -------------*/
            }
            else{
                alert("Logged out");
                /*$('#serviceSelect').attr('data-target','#login-modal');*/

                var modal = $("#login-modal");
                modal.style.display = "block";
            }
            }
         });

如果用户想要自己登录，这是用于登录的列表项。

       <li class="sidebar-brand" id="loginref"><a href="#"
                data-toggle="modal" data-target="#login-modal"
                data-backdrop="static">

登录模态div：

    <div class="modal fade" id="login-modal" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel" aria-hidden="true"
    style="display: none;">

更新

这是弹出模态，但模态的js没有附加模态。

即，有一个login.js在登录模式下执行。通过弹出模态使用它，js没有被执行。

         modal.modal('show');

Answer 1

试试这段代码

$('#login-modal').modal('show');

Answer 2

使用bootstrap .modal('show');

$('#serviceSelect').on('click', function(event) {
        if (found == 0) {
            alert("Sorry donot exist")
        }
        if(found ==1)
            {
            var status=sessionStorage.getItem('isLoggedIn');
            //alert(status);
            if(status==true){
                alert("Logged in");

            /*--------------    Specify the Questionnare link here -------------*/
            }
            else{
                alert("Logged out");
                /*$('#serviceSelect').attr('data-target','#login-modal');*/

                var modal = $("#login-modal");
                modal.modal('show');
            }
            }
         });

关于bootstrap

的信息

使用jQuery弹出一个模态

2 个答案: