コンテキストメニューを使用して右クリックしたときのjQueryイベントの色を変更するには、ここから最も多くの票を得て回答しました。右クリックでfullcalendarイベントの色を変更するには
Making custom right-click context menus for my web-app
しかし、私も右クリックでの色を変更しようとしていますと、これは私がやったことです: -
$(".custom-menu li").click(function(){
// This is the triggered action name
switch($(this).attr("data-action")) {
// A case for each action. Your actions here
case "red" :
//alert("RED");
$('#calendar').fullCalendar({
editable: false,
backgroundColor: "#800637"
});
break;
case "green":
$('#calendar').fullCalendar({
editable: false,
backgroundColor: "#00ff00"
});
break;
}
// Hide it AFTER the action was triggered
$(".custom-menu").hide(100);
});
し、右クリックして、カスタムイベントのHTMLは次のようになりますこれは: -
<ul class="custom-menu">
<li data-action="red" data-color="red">Red/Rouge</li>
<li data-action="green" data-color="green">Green/Verg</li>
</ul>
そして、色の変化のためのCSSは次のようになります。
.red{
background-color: red;
}
.green{
background-color: green;
}
これは見た目ですが、現時点では色は変わりません。 Full Calendar view
'、}'私はあなたがアレックスを何を意味するかわからない偽構文 – Alex
のですか? –
彼は、javascriptのオブジェクト表記は '、}'で終わることはできないことを意味します。リテラル表記のオブジェクトの最後のプロパティ値は、コンマを使用しないでください。最後のカンマ( "green"と "#800637"の後)を削除すると、構文が正しくなります。 ;-) – Jeroen