Load page that has html/js with AJAX_问答_开发者

I'm trying to load a php page with AJAX. The issue is that it has a "share this" button inside that uses a Javascript script being loaded in that same page.

When I load the page with AJAX, the "share this" but开发者_运维百科ton does not display correctly since the Javascript inside is not being loaded.

Any ideas on how I can make the Javascript in the page load?

Thanks, Alain

P.S. - I'm using jQuery for javascript

UPDATE:

I still cannot get it to work. Here is the html/js I'm trying to load:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=leblon" class="addthis_button_compact" addthis:url="<?php the_permalink(); ?>" addthis:title="<?php the_title(); ?>">Share
<span class="at300bs at15t_compact"></span>
</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>


<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=leblon" id="the-script"></script>
<!-- AddThis Button END -->

Here is a snippet of my javascript file:

$.ajax({ url: theURL + link+'/?from=us', success: function(html){
  $('#drink').html(html);
}

Anyone?

EDIT/REDO:

Registered with AddThis, and it seems that its implemented a little different than yours.

HTML TO BE LOADED

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher:'xxx-xxx-xx-xx-xx'});</script>

<span class="st_twitter_large" displayText="Tweet">
</span><span class="st_facebook_large" displayText="Facebook"></span>
<span class="st_ybuzz_large" displayText="Yahoo! Buzz"></span>
<span class="st_gbuzz_large" displayText="Google Buzz"></span>
<span class="st_email_large" displayText="Email"></span>
<span class="st_sharethis_large" displayText="ShareThis"></span>

AJAX SIDE (Loading other page)

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script tyle="text/javascript">
 var addthis_config = {"data_track_clickback":true};
$(document).ready(function(){
    $.ajax({ url:'test.php', success: function(html){
    $('#content').html(html);

}});
});
</script>
</head>
<body>
<div id="content" style="width:400px;border:1px solid black;height:300px;margin:auto"></div>
</body>
</html>

You may have an older version and the buttons were not being init() upon execution ajax side.

It depends on how you're adding the content of the page into your current page.

Something like this should work:

$.get('/path/to/new/page', function(data){
    $('#someDiv').html(data);
});

If that's not working, then the script tags in the pulled page aren't properly being interpreted. I believe I ran into this issue a while back, bypassing jQuery may help: $('#someDiv')[0].innerHTML = data, or if that doesn't work you're next step is to use a regex to pull the script tags, manually download and eval those.

You can try adding the AJAX onComplete/success event, once triggered call your js function targeting the share button.

$.ajax({
  url: "YourPage.php",
  context: document.body,
  success: function(){
    //Call Share Button function
  }
});

And note if there is custom events on your button to use the .live bind method instead of the normal event handlers. (.live handles dynamic content)

Load page that has html/js with AJAX

EDIT/REDO:

HTML TO BE LOADED

AJAX SIDE (Loading other page)

精彩评论

关注公众号

热门标签

图文推荐

Load page that has html/js with AJAX

EDIT/REDO:

HTML TO BE LOADED

AJAX SIDE (Loading other page)

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：