ユーザーが段落を個別に.hover()できるようにし(例: "border:1px solid#900;")、個別にクリックして背景色を追加/変更できるようにします( "selectparagraph")。もう一度クリックすると、デフォルトの背景色に戻ります(「段落の選択を解除」)。この段落は動的に作成され、JavascriptとjQueryを初めて使用するため、取得するのに苦労しています。
これは、Imが使用しているコードです。
jQuery
$(document).ready(function(){
$("#push").on({
click: function(){
var pr = $('<p class="test">Test</p>');
var d = $(".Test");
$(pr).clone().appendTo(d);
}
});
$("p").on({
mouseenter: function(){
$(this).addClass("inside");
},
mouseleave: function(){
$(this).removeClass("inside");
}
});
});
HTMLコード:
<html>
<body>
<a href="#" id="push">Push</a>
<div class="Test"></div>
</body>
</html>
Cssコード:
.test { color: #000; padding: .5em; border: 1px solid black;}
.active { background-color: ;}
.inside { background-color: #900; }
このコードは、imが達成しようとしていることの単なる例です。どんな助けでもありがたいです!