2

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

我正在使用这个小部件。

请帮忙。

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>
4

2 回答 2

4

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

在修改文本的代码之后,添加以下内容:

addthisevent.refresh();

它在常见问题解答中。这是 VisioN 小提琴的一个分支。

于 2013-12-27T15:33:02.767 回答
2

文本被附加得很好。将 AddThisEvent 小部件绑定到父元素后,子 span 元素将被隐藏。

jsfiddle

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

为确保您对<span>元素的更新延续到日历事件,您可以在调用 AddThisEvent 小部件之前使用 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>
于 2013-12-27T15:35:34.777 回答