jQuery - не работают примеры block UI

Discussion in 'PHP' started by Welemir, 9 Dec 2010.

  1. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    http_://jquery.malsup.com/block/#demos

    Отсюда брал примеры,но при переносе на комп не работают.jq и jblock ui соответствуют версиям...уже мозги сломал.
     
  2. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    Взять хотя бы этот:

    Code:
    
    $(document).ready(function() { 
        $('#demo1').click(function() { 
            $.blockUI({ message: $('#loginForm') }); 
     
            setTimeout($.unblockUI, 2000); 
        }); 
    }); 
    
    
    
    вместо демон1 замутил див,логин форм передал как ид формы.что не так ?

    Браузер: опера 10.53,но сейчас он не при чём.
     
  3. Welemir

    Welemir Elder - Старейшина

    Joined:
    10 Jan 2008
    Messages:
    229
    Likes Received:
    11
    Reputations:
    -4
    Сам пример:

    PHP:


    <center><button id="demo1">Run</button></center>

    <
    div id="loginForm" style="display:none;">
    <
    p><label>Username:</label><input type="text" name="uname" /></p>
    <
    p><label>Password:</label><input type="text" name="pw" /></p>
            </
    div>

    </
    body>
    </
    html>


    <
    script>
     


        $(
    '#demo1').click(function() {
            $.
    blockUI({ message: $('#loginForm') });

            
    setTimeout($.unblockUI2000);
        });
    });


    </script>


     
  4. IGL

    IGL New Member

    Joined:
    16 Nov 2007
    Messages:
    41
    Likes Received:
    0
    Reputations:
    0
    jquery луче тестить на гугл хроме (ИМХО)
     
  5. At0m1c

    At0m1c New Member

    Joined:
    19 Jun 2008
    Messages:
    16
    Likes Received:
    3
    Reputations:
    0
    Работает с подключенными скриптами с сайта.
    PHP:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <
    head profile="http://gmpg.org/xfn/11">
        <
    title>css-framework layout-box</title>
        
        <
    meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <
    meta http-equiv="imagetoolbar" content="no" />
        <
    link rel="stylesheet" href="css/cssf-base.css" type="text/css" media="screen" />
        <
    script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.34"></script>


    </head>
    <body>
    <script> 
      

    $(document).ready(function() { 
        $('#demo1').click(function() { 
            $.blockUI({ message: $('#loginForm') }); 

            setTimeout($.unblockUI, 2000); 
        }); 
    });


    </script> 

    <center><button id="demo1">Run</button></center> 

    <div id="loginForm" style="display:none;"> 
    <p><label>Username:</label><input type="text" name="uname" /></p> 
    <p><label>Password:</label><input type="text" name="pw" /></p> 
            </div> 

    </body> 
    </html> 
    Остаётся скопировать 2 js файла и подключить.