为什么触发不了openfollowbox()方法?


// 控制 dialog的开关
function openfollowbox(){
if(fstep<fsteps){
$('#dialog').css('display','block');
setTimeout("closefollowbox()",8000);
}
}
function closefollowbox(){
$('#dialog').css('display','none');
}

<div class="dialog" id="dialog" style="width: 400px; top: 150px; left: 170px; display: none;">
<div class="wrapper">
<div class="title" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; "><div class="close_z r" style="display:none;" onclick="javascript:closefollowbox();"></div></div>
<div class="content">
<div id="pop_login_content" style="padding-top: 0px; width: 350px; ">
<div id="fromQQAd">
<div class="mt20">
<div class="qq_jf c">
<div class="f24">关注我们的QQ空间</div>
<p class="mt8">关注一下嘛,又不会怀孕</p>
</div>
<div class="clear"></div>
<div class="lgn_QQ" style="margin-left:95px;" id="fiframe">
<a href="javascript:void();" onclick="javascript:closefollowbox();return false;" class="fbtn">关闭</a>&nbsp;&nbsp;&nbsp;&nbsp;
<iframe src="http://open.qzone.qq.com/like?url=http%3A%2F%2Fuser.qzone.qq.com%2F2549034488&type=button&width=65&height=30&style=3" allowtransparency="true" scrolling="no" border="0" frameborder="0" style="width:65px;height:30px;border:none;overflow:hidden;"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

解决方案 »

  1.   

    相关的css 已经设置好了, 好像Jquery 获取不到dialog的css一样..真奇怪
      

  2.   

     if(fstep<fsteps){
    你这个条件不满足吧
      

  3.   

    本帖最后由 net_lover 于 2012-08-17 14:07:56 编辑
      

  4.   

    没有问题的啊 . step 是1 steps是3 
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1">
    <meta content="text/html; charset=gb2312" http-equiv="Content-Type">
    <title>openfollowbox() Test </title>

    <style type="text/css">
    <!--
     body{margin:0 auto;padding:0;width:760px;}
    .ui-widget-overlay{opacity:.60;}


    #tipbox{
    display: none;
    width: 700px;
    position: absolute;
    padding: 15px 30px 20px;
    border:3px solid #A8822D;
    z-index: 1002;
    background-color: #FFC540;
    text-align:center;
    top:623px;
    left:0px;
    }
    #tipbox p{
    text-align:left;
    }
    .dialog {
    min-width: 400px;
    _height: 150px;
    min-height: 150px;
    position: fixed;
    _position: absolute;
    padding: 7px;
    z-index: 5005;
    }
    .dialog {
    background-color: rgba(102, 102, 102, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#70666666,endcolorstr=#70666666);
    }
    .dialog .wrapper {
    position: relative;
    }
    .dialog .wrapper .title{
    background: #EAECEB;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    }
    .dialog .wrapper .content {
    min-height: 130px;
    _height: 130px;
    background: white;
    }
    #pop_login_content {
    width: 450px;
    padding: 20px 25px;
    background-color: white;
    overflow: hidden;
    }
    .mt20 {
    margin-top: 20px;
    }
    .qq_jf {
    background: url('http://app36002.imgcache.qzoneapp.com/app36002/dolike/qq_bg.gif') no-repeat;
    height: 81px;
    padding-top: 15px;
    margin: 0 auto 5px;
    width: 271px;
    }
    .qq_jf p {
    font-size: 16px;
    }
    .close_z {
    width: 11px;
    height: 11px;
    background: url('http://app36002.imgcache.qzoneapp.com/app36002/dolike/close.gif') no-repeat;
    cursor: pointer;
    display: block;
    margin-top: 12px;
    }
    .right, .r {
    float: right;
    _display: inline;
    }
    .c {
    text-align: center;
    }
    .f24 {
    font-size: 24px;
    font-weight: bold;
    }
    .mt8 {
    margin-top: 8px;
    }
    .lgn_QQ {
    height: 25px;
    margin: 0 auto;
    width: 165px;
    overflow: hidden;
    }
    a.fbtn{
    color: #B2B2B2;
    text-decoration: none;
    font-size: 14px;
    vertical-align: top;
    line-height: 25px;
    }
    a.fbtn:hover{
    color:gray;
    }
    #modal_shadow{
    display: none;
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    height: 10000px;
    width: 100%;
    background: gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 888;
    }
    -->
    </style>
    <script type="text/javascript">

    var fstep =1;
    var fsteps=3;

    function openfollowbox(){
    alert("openfollowbox opened!");
    if(fstep<fsteps){
    $('#dialog').css('display','block');
    setTimeout("closefollowbox()",8000);
    }
    }
    function closefollowbox(){
    $('#dialog').css('display','none');
    }
    </script>
    </head>
    <body> <input type="button" onclick="openfollowbox();" value="openfollowbox">
    <!-- -->
    <div id="tipbox"></div>
    <!-- 弹框 -->
    <div class="dialog" id="dialog" style="width: 400px; top: 150px; left: 170px; display: none;">
    <div class="wrapper">
    <div class="title" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; "><div class="close_z r" style="display:none;" onclick="javascript:closefollowbox();"></div></div>
    <div class="content">
    <div id="pop_login_content" style="padding-top: 0px; width: 350px; ">
    <div id="fromQQAd">
    <div class="mt20">
    <div class="qq_jf c">
    <div class="f24">关注我们的QQ空间</div>
    <p class="mt8">关注一下嘛,又不会怀孕</p>
    </div>
    <div class="clear"></div>
    <div class="lgn_QQ" style="margin-left:95px;" id="fiframe">
    <a href="javascript:void();" onclick="javascript:closefollowbox();return false;" class="fbtn">关闭</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <iframe src="http://open.qzone.qq.com/like?url=http%3A%2F%2Fuser.qzone.qq.com%2F2549034488&type=button&width=65&height=30&style=3" allowtransparency="true" scrolling="no" border="0" frameborder="0" style="width:65px;height:30px;border:none;overflow:hidden;"></iframe>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

     </body>
    </html>
      

  6.   

    你没有导入jquery框架啊汗。。