使用.load的JQuery Mobile动态页面使我必须刷新才能看到内容

时间:2012-10-01 17:30:30

标签: php jquery-mobile

我正在尝试跨域加载页面内容并将结果加载到div中。当我第一次访问该页面时,没有内容加载。当我刷新时,它工作正常,每次我访问页面后工作正常,无论我查看哪篇文章。在DOM完全加载后,我是否需要找到一种方法来进行加载?

像这样链接:/news_item.php?article_id = 4379

---- news_item.php -----

 $(document).bind('pageinit', function(){
   $.mobile.ajaxEnabled = false; 
   $("#gametime").load('proxy.php?url=http://www.newsdomain.com/news/icehogs/?article_id=<?php echo $_REQUEST["article_id"] ?>  .article', function () {

     $("#gametime a").replaceWith( function() { return $(this).text(); });
     $("#gametime .links").replaceWith('');
     $("#gametime .social").replaceWith('');

 });

});

----- proxy.php ------

<?php echo file_get_contents($_GET['url']);?>

2 个答案:

答案 0 :(得分:0)

是的,您可以将代码放入$(function(){});事件。

答案 1 :(得分:0)

将您的javascript文件放在页面div中,例如:

<div id="pageid" data-role="page">  
    <script src="javascriptfilename"></script>
    <div data-role="content"></div> 
</div>