.append使用jQuery“添加此事件”小部件摘要文本（语法帮助）

Question

我无法将值附加到_summary类或任何其他类中。我相信它是一个非常简单的语法错误。我一直在尝试不同的语法，没有运气。

我正在使用this小部件。

请帮忙。

的jQuery

$("._summary").append("hello world");

HTML

<a href="http://example.com/link-to-your-event" title="Add to Calendar" class="addthisevent" id="addthisevent">
    Add to Calendar
    <span class="_start">10-05-2014 11:38:46</span>
    <span class="_end">11-05-2014 11:38:46</span>
    <span class="_zonecode">1</span>
    <span class="_summary">Summary of the event</span>
    <span class="_description">Description of the event</span>
    <span class="_location">Location of the event</span>
    <span class="_organizer">Organizer</span>
    <span class="_organizer_email">Organizer e-mail</span>
    <span class="_all_day_event">false</span>
    <span class="_date_format">DD/MM/YYYY</span>
</a>

Answer 1

在该日历窗口小部件代码完成之后，所有这些内部<span>元素都设置为display: none。代码可能正常工作，因为您可以使用浏览器开发人员工具进行验证（检查DOM）。

在修改文本的代码之后，添加：

addthisevent.refresh();

它在常见问题解答中。 Here is a fork of VisioN's fiddle.

Answer 2

文字附加得很好。将AddThisEvent小部件绑定到父元素后，子跨度元素将被隐藏。

的 jsfiddle

<span class="_summary" style="display: none;">
    Summary of the event
    hello world
</span>

为了确保您对<span>元素的更新转移到日历事件，您可以在调用AddThisEvent Widget之前使用jQuery更新元素。

的 jsfiddle

<script>
    $("._summary").append("hello world");
</script>

<!-- AddThisEvent -->
<script type="text/javascript" src="http://js.addthisevent.com/atemay.js"></script>

如果那是不可能的，看起来您也可以调用addthisevent.refresh();方法来刷新数据。

的 jsfiddle

<!-- AddThisEvent -->
<script type="text/javascript" src="http://js.addthisevent.com/atemay.js"></script>

<script>
    $("._summary").append("hello world");
    addthisevent.refresh();
</script>