I have the AddThis js for bookmarking the details to the calender.This is working correctly on page load,but I do some filtering using ajax load and replace the html, after this the AddThis button not showing.here is my code for ajax .
$('document').ready(function () {
$('.eventSelect').change(function () {
var selectedDate = $('#eventDate').val();
var keyword = $('#eventsearch').val();
var url = "/EventsHome?eventDate=" + selectedDate + "&keyword=" + keyword;
$.ajax({
type: "GET"
, url: url
, success: function (data) {
console.log($(data).find(".eventList").html());
$(".eventList").html($(data).find(".eventList").html());
var script = 'http://s7.addthis.com/js/250/addthis_widget.js#domready=1';
if (window.addthis) {
window.addthis = null;
window._adr = null;
window._atc = null;
window._atd = null;
window._ate = null;
window._atr = null;
window._atw = null;
}
$.getScript(script);
}
, error: function (XMLHttpRequest, textStatus, errorThrown) {
}, comeplete:
You can use live method.
With jQuery 1.4.2 $('.eventSelect').live('change', function(){ works with FF, Safari, Opera, but not for IE
After 1 hour of trying custom codes i found this one that works perfect.
This is the source
Use this script when you load new content:
It is only solution for addthis_inline_share_toolbox!
addthis.toolbox() works only when you have specified buttons inside addthis element (mostly older versions).
In order to work with ajax load and/or multiple addthis instances on the same page you need to insert the elements inside the div:
and then after your ajax is done run
addthis.toolbox('.addthis_toolbox')
You shouldn't need to reset the AddThis variables and reload the script, if you simply call:
this should re-render the buttons according to whatever configuration you have specified. Take a look at the documentation here:
http://support.addthis.com/customer/portal/articles/1293805-using-addthis-asynchronously#.UvvWw0JdWTM
i resolve this! Link of Documentation