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

個人的には、何が起こっているのかが少し明確になるので、トグルの代わりに表示と非表示を使用することを好みます。また、displynoneをjqueryにも入れます。

$('#dlbox').css('display':'none');   
$(document).ready(function() {   
       $("#dl").live("click", function(){
            $("#dlbox").show()
        });
    });
于 2012-04-16T06:37:06.040 に答える
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

動作し$('#dl').click(function(){ /*....*/ }ました。

于 2012-04-16T06:43:05.717 に答える