显示双按钮和三按钮(多姆诺德插入)
Double and triple button is shown (DOMNodeInserted)
我有一个奇怪的问题:
我正在开发一个chrome扩展程序,在Facebook的"喜欢"按钮旁边添加一个自定义按钮。到目前为止,在很多帮助下,我找到了一种运行脚本的方法,即使将帖子添加到新闻提要(无需刷新页面(。但问题是,在时间线/股票代码(右侧的实时提要窗口(中,按钮会随着时间的推移而复制自己。
我目前的脚本:
$(document).ready(function(){
$(".like_link,.cmnt_like_link").after(
'<span class="dot"> · </span>' +
'<button class="taheles_link stat_elem as_link" title="תגיד תכל´ס" type="submit" name="taheles" onclick="apply_taheles()" data-ft="{"tn":">","type":22}">' +
'<span class="taheles_default_message">תכל´ס</span><span class="taheles_saving_message">לא תכלס</span>' +
'</button>'
);
$(".taheles_saving_message").hide();
$(document).bind('DOMNodeInserted', function(event) {
$(event.target).find(".like_link,.cmnt_like_link").after(
'<span class="dot"> · </span>' +
'<button class="taheles_link stat_elem as_link" title="תגיד תכל´ס" type="submit" name="taheles" onclick="apply_taheles()" data-ft="{"tn":">","type":22}">' +
'<span class="taheles_default_message">תכל´ס</span><span class="taheles_saving_message">לא תכלס</span>' +
'</button>'
);
$(event.target).find(".taheles_saving_message").hide();
});
});
like_link
是显示在新闻提要/任何其他地方的帖子/评论中的按钮。 cmnt_like_link
是注释中显示的按钮。
如果我在选择器中使用#contentArea
,则自定义按钮甚至不会添加到股票代码中。如果我使用document
(当前(,它会显示在股票代码中,但会复制自己。我想知道问题是什么。我试图查看chrome开发人员面板,但没有运气。
好的,
我自己找到了答案:
只需在事件处理程序中添加$(event.target).find(".tickerDialogContent .taheles_link, .tickerDialogContent .dot, .fbTimelineUnit .taheles_link, .fbTimelineUnit .dot, .fbPhotoSnowliftPopup .taheles_link, .fbPhotoSnowliftPopup .dot").remove();
,如下所示:
$(document).ready(function(){
$(".like_link,.cmnt_like_link").after(
'<span class="dot"> · </span>' +
'<button class="taheles_link stat_elem as_link" title="תגיד תכל´ס" type="submit" name="taheles" onclick="apply_taheles()" data-ft="{"tn":">","type":22}">' +
'<span class="taheles_default_message">תכל´ס</span><span class="taheles_saving_message">לא תכלס</span>' +
'</button>'
);
$(".taheles_saving_message").hide();
$(document).bind('DOMNodeInserted', function(event) {
$(event.target).find(".tickerDialogContent .taheles_link, .tickerDialogContent .dot, .fbTimelineUnit .taheles_link, .fbTimelineUnit .dot, .fbPhotoSnowliftPopup .taheles_link, .fbPhotoSnowliftPopup .dot").remove();
$(event.target).find(".like_link,.cmnt_like_link").after(
'<span class="dot"> · </span>' +
'<button class="taheles_link stat_elem as_link" title="תגיד תכל´ס" type="submit" name="taheles" onclick="apply_taheles()" data-ft="{"tn":">","type":22}">' +
'<span class="taheles_default_message">תכל´ס</span><span class="taheles_saving_message">לא תכלס</span>' +
'</button>'
);
$(event.target).find(".taheles_saving_message").hide();
});
}(;
如果有人需要它,我已经添加了它以供将来参考。
干杯:)
相关文章:
- 将按钮的值插入文本字段
- 如何jQuery-Add按钮最多插入10个新输入
- 如何创建一个表并在单击按钮时插入此标签和文本字段
- 如何在点击按钮后自动插入价值
- javascript,HTML表单:单击按钮插入NULL
- Javascript按钮,在html文本区域中插入一个大黑点(•)
- PHP使用子窗口中的单选按钮确定从子窗口向父窗口文本区域插入什么
- 如何在插入按钮时使其自身加载函数
- 使用AJAX/PHP让HTML按钮将数据插入MySQL数据库
- 如何在facebook垂直共享按钮旁边插入横幅
- 单击按钮可多次动态添加选择框、文本框和日期,并将这些值插入数据库
- 如何在弹出窗口中插入关闭按钮
- 如何在 Firefox 扩展的 JavaScript 中的按钮背景中插入图像
- HTML Texeare 插入符号控件使用左、右、下、上、主页和结束虚拟按钮
- 如何在JS中的屏幕右上角插入一个浮动按钮
- 如何在chrome扩展中插入通知操作按钮
- 如何在网页中插入打印表单的“打印”按钮
- 使用 jQuery 在文本区域插入一个浮动按钮
- 如何通过单击按钮插入 html
- 通过按钮插入MySQL