-1

クリックするとボックスがポップアップするようにしています。ボックスのHTMLは次のとおりです。

<div id="content_1">
    <p>Hello</p>
    <p>Please push the button</p>
    <p><input type="button" id="go_button" value="Go"/> </p>
</div>
<div id="box">
    <p>hello</p>
</div>

JavaScriptとCSSは次のとおりです。

$(document).ready(function() {
    $("#content_2").on("click",function(){
    .css("z-index",3);
    }
}

必要な場合に備えて、次のスタイルを使用します。

#go_button {

}
#content_1 {
margin:20px auto;
position:fixed;
width:1000px;
text-align:center;
border:1px solid #d0d0d0;
box-shadow:1px 1px 5px #aaa;
border-radius:15px;
background:#99FF99;
z-index:3;
}
#box {
position:fixed;
top:100px;
left:300px;
z-index:1;
width:600px;
height:300px;
background:green;
}
body {
background:#f7f7f7;
}
4

3 に答える 3

4

メソッドチェーンを開始するために何もせずにメソッドチェーンを呼び出すことはできません。マークアップにIDを持つ要素が表示されませんcontent_2。おそらく、これをに適用することを意味します#content_1

$(document).ready(function() {
    $("#content_2").on("click",function(){
        // Apply to this
        $(this).css("z-index",3);
    });
});

content_2CSSを( )ではなく他の要素に適用する場合は、this代わりにそのセレクターを使用してください。

$(document).ready(function() {
    $("#content_2").on("click",function(){
        $('#box').css("z-index",3);
    });
});

position: absoluteまたはを指定しない限りposition: fixed、それは効果がないことに注意してください z-index

于 2012-07-03T15:30:37.863 に答える
0

これを試して

$(document).ready(function() {
    $("#content_2").on("click",function(){
    $(this).css("z-index",3);
    }
}
于 2012-07-03T15:31:12.900 に答える
0

cssを何にも適用していないようです。

$(document).ready(function() {
$("#content_2").on("click",function(){
        $('#box').css("z-index",3);
    }
}

また、#content_2定義されていません。

于 2012-07-03T15:31:30.953 に答える