0

ここで何が間違っていますか？クラスを介してホバーされたdivのIDを取得しようとしています。次に、文字列「-slide」を追加して、各.contentのスライドトランジションをアクティブにします。

<html>
<head>

<script>
$('.try').hover(function() {
    $(this.id + '-slide').css('right','0px');
});
</script>

<style>
.try {
    width: 50px;
    height: 50px;
    border: 1px black solid;
    margin-bottom: 5px;
 }

.content {
    width: 100px;
    height: 100%;
    background-color: grey;
    position: fixed;
    top: 0;
    right: -50px;
    transition: all 1s ease;
}
</style>

</head>
<body>
<div id="one" class="try"></div>
<div id="two" class="try"></div>
<div id="three" class="try"></div>
<div id="one-slide" class="content"></div>
<div id="two-slide" class="content"></div>
<div id="three-slide" class="content"></div>
</body>
</html>
4

3 に答える 3

1

jQuery で特定の要素を選択するには#、id と.css のようなクラスが必要です。

おそらくこれが必要です

$("#" + this.id + '-slide').css('right','0px');
于 2013-07-05T09:41:25.607 に答える
0

id が機能するかどうかわかりません.id...これを試しましたか?

$('#' + $(this).attr('id') + '-slide').css('right','0px');
于 2013-07-05T09:41:24.507 に答える