css - onclick="" で CSS を変更する

Question

私が間違っていることを教えてもらえますか？リンクをクリックしたときに CSS プロパティを変更したい。

ここでこの提案を見つけましたが、うまくいきません。

HTML

<a href="#" onclick="$('.action').css('display', 'block');">Edit</a>
<div class="action action_2">
   <ul>
      <li><a href="#">bearbeiten</a></li>
      <li><a href="#">löschen</a></li>
   </ul>
</div>

CSS:

.button .action {
    position: absolute;
    padding:15px;
    display: none;
    background: #fff;
}

Answer 1

jQueryを使用している場合は、これを試してください。

<script>
$(document).ready(function() {
    $('#link').click(function(e) {
        e.preventDefault();
        $('.action').css('display', 'block');
    });
});
</script>

そしてあなたのHTMLで。

<a href="#" id="link">Edit</a>

Answer 2

インライン JS を削除して、次のようなことを試してみます。

$('a').click(function() {
    $('.action').css('display', 'block');
});

tooを使用しても同じことが実現でき$('.action').show();ます。

次に例を示します。

http://jsfiddle.net/pqHeM/1/

Answer 3

アクションを JS ファイルに移動します。

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();
        $('.action').css({'display':'block'});
    });
});