2

当按下“按钮”时，我希望 div 变得可见。这是代表按钮的html：

<span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div>

这是按下按钮之前 div 初始阶段的 html。

<div class='box' id='dlbox' style='display:none'>
    <div class='title'>
        <span class='text'>Confirm install</span>
        <span id='x1' class='x'></span>
    </div>
    <p>Click to install </p>
    <p><?php echo "<span style='font-weight:bold'>$app->appName</span>"; ?></p>
</div>​

jquery是这样的：

$("#dl").live("click", function() {
    $("#dlblank").toggle();
    $("#dlbox").toggle();
});​

“切换”时 div 的 css：

.box {
    position: absolute;
    background: #4d0404;
    opacity: none;
    z-index: 9001;
    -webkit-box-shadow: 0 5px 7px black;
    text-align: center;
    color: white;
    top: 50px;
}
4

4 回答 4

1

首先，您在<div>这里错过了开始标签

<div><span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div>

否则，您的代码运行良好，并且您的代码无法为您工作的唯一原因可能是您使用的是旧版本的 jQuery（例如 1.2.6）并且此处未定义实时函数。

我已经创建了 jsfiddle，你可以在这里看到它http://jsfiddle.net/9wLjL/

于 2012-04-16T06:38:06.070 回答
1

你有一个标记错误。</div>没有打开的关闭。在第一行

接下来，您可能希望停止使用.bind()它已弃用。你应该.on()改用。

$("#dl").on("click", function(){
    $("#dlblank").toggle();
$("#dlbox").toggle();});

演示 没有div

于 2012-04-16T06:40:58.163 回答
1

我个人更喜欢使用显示和隐藏来代替切换，因为它更清楚发生了什么。我也会把 disply none 放在 jquery 中。

$('#dlbox').css('display':'none');   
$(document).ready(function() {   
       $("#dl").live("click", function(){
            $("#dlbox").show()
        });
    });
于 2012-04-16T06:37:06.040 回答
1

确实$('#dl').click(function(){ /*....*/ }有效。

于 2012-04-16T06:43:05.717 回答