0
我正在創建一個下拉菜單,它會生成幾個可以放在fullcalendar上的外部事件(取決於您的選擇)。我需要將幾個事件div附加到ajax成功部分的另一個div。append()中的JavaScript單引號和雙引號 - fullcalendar外部事件
問題是我不能正確地寫入必須放置在附加函數中的字符串中的單引號和雙引號。
的DIV應該呈現這樣的附加後:
<div class='fc-event' data-event='{"id": 1, "title": "This is event 1"}'>My Event 1</div>
這裏是聽的變化下拉列表中,並生成外部事件的功能:我嘗試
$("#category").change(function() {
$('#listAct').html("");
$.ajax({
type: "POST",
url: 'SearchActivities.php',
data: { CategoryName: $("#category").find("option:selected").val() },
success: function (data) {
var result = $.parseJSON(data);
var arraysize = result.length;
var i, ActTitle;
for (i = 0; i < arraysize; i++) {
ActTitle = result[i]['ActTitle'];
var eventdetails = '{"id":1,"title":"This is event 1"}';
$('#listAct').append('<div class="fc-event" data-event=' + eventdetails + '>' + ActTitle + '</div>');
}
/* initialize the external events
-----------------------------------------------------------------*/
$('#listAct').find('.fc-event').each(function() {
// make the event draggable using jQuery UI
$(this).draggable({
zIndex: 999,
revert: true, // will cause the event to go back to its
revertDuration: 0 // original position after the drag
});
});
}
});
});
將所有必需的值放入varialbe(eventdetails)中,然後將其用於附加內容中,但如果要將數據事件內容直接放入append函數中,則不存在任何問題。
下拉列表:
<form>
<label style="color: black" for="category">Select Category</label>
<select id="category" name="category">
<option value=""></option>
<option value="Attractions, Nature Park">Attractions, Nature Park</option>
<option value="Underwater Activities">Underwater Activities</option>
<option value="Museums and Sites">Museums and Sites</option>
</select>
</form>
<div id="listAct">
<div class='fc-event' data-event='{"id": 1, "randomProperty": "foobar", "title": "This is event 1"}'>My Event 1</div>
</div>
非常感謝!工作! – Elliott08
嗨,這是我再次,我需要使用「標題」值的變量。它應該是這樣的:「title」:variable}其中變量是一個字符串,應該用雙引號括起來。我該怎麼做? – Elliott08
@ Elliott08更新 –