Question

当我第一次点击我的链接时，jQuery不起作用，但每次点击它都有效。我有链接，它引导我到同一页面，但添加了一些GET vaules。然后我想获取这些值并在弹出框中打印一些东西，需要在点击时显示。所以这是我的代码。 HTML

        <div id="pop_background"></div>

        <div id="pop_box">
            <span id="close">&times;</span>
            <?php
                stampa_lokala($_GET['ime']);
            ?>
        </div>

PHP //设置与来自数据库的元素的链接，给出GET值并且有名称，所以我可以有内部链接

<a href="?ime=<?php echo $lokal_ime;?>#<?php echo $lokal_ime;?>" 
            class="open_box"  name="<?php echo $lokal_ime;?>"><?php echo $lokal_ime;?></a>

jQuery //设置弹出框

     $(document).ready(function(){
            $('.open_box').click(function(){
                    setTimeout(function(){$('#pop_background').fadeIn();
                    $('#pop_box').fadeIn();
                    return false;}, 200);
            });
    });

CSS

.open_box{
position: relative;
padding-top: 150px;
}
#pop_background{
position:fixed;
width:100%;
height:900px;
top:0;
left:0;
background:#000;
opacity:0.8;
z-index:1000;
cursor:pointer;
display:none;
}
#pop_box{
position:fixed;
background:white;
width: auto;
height: auto;
max-width: 50%;
margin-left: -27%;
margin-top: -20%;
top: 50%;
left: 50%;
padding:10px;
z-index: 1500;
display:none;
}
#close{
width:30px;
height:30px;
border-radius: 50%;
border: 1px solid #999;
text-align: center;
line-height:30px;
font-size:30px;
float:right;
}

来自db

的一个元素的页面中的HTML

<section class="dogadjaji">
            <h3>Događaji</h3>
            <section class="lijevi"><div><table id="okvir"><tr><td>                     
                    <a href="?ime=Cheers#Cheers" 
                                class="open_box"  name="Cheers">Cheers</a>
                    <img src="slike\kuba.jpg">
                    <p class="izvodjac">Kuba</p>
                    <p class="time">21:00 <br />18.07.2016</p></td></tr></table></div></section>
</section>

jQuery click事件会在第二次和每次其他点击时触发，但不会在第一次点击时触发

0 个答案: