クリックしたときに JavaScript 関数を実行するためのリンクが必要です。
これがJavaScriptです:
<script type="text/javascript">
function changeStyle() {
var header = document.getElementbyId("header");
var container = document.getElementbyId("container");
header.style.display = "block";
container.style.marginLeft = "auto";
}
</script>
HTMLは次のとおりです。
<a href="javascript:changeStyle()"><span>☰</span> MENU</a>
現在、リンクをクリックしても何も起こりません。必要なときにJavaScriptが実際にスタイルを変更するようにするにはどうすればよいですか?
編集:
新しいコードは次のとおりです。
Javascript:
$('#selector').click(function() {
var header = document.getElementById("header");
var container = document.getElementById("container");
header.style.display = "block";
container.style.marginLeft = "auto";
})
HTML:
<a href="#" id="selector"><span>☰</span> MENU</a>