我正在尝试使用jQuery .load()方法将一部分插件插入到wordpress主页中,并且我对如何仅仅拉入页面的一部分的语法略微惹恼了。继承我的代码:
//Get Current user and Home url
global $current_user;
get_currentuserinfo();
$kd_bpuser = $current_user->user_login;
$homeurl = get_home_url();
?>
<script>
//Pass home url and current user to javascript
var bpUser = <?php echo json_encode($kd_bpuser); ?>;
var bpUrl = <?php echo json_encode($homeurl); ?>;
var bpFullUrl = bpUrl +"/members/" + bpUser + "/forums/subscriptions/";
var bpData = "#bbp-author-unread-topics";
// console.log(bpFullUrl);
// console.log(bpUser);
// console.log(bpUrl);
</script>
<div id="bbpress-forums">
<script type="text/javascript">
//pull in members subscriptions page unread forum topics
jQuery( document ).ready(function( $ ) {
$("#bbpress-forums").load(bpFullUrl, bpData);
});
</script>
</div><!-- end bbpress-forums-->
目前它只是拉入整个页面但我希望它只是拉入这一部分:#bbp-author-unread-topics。任何帮助将不胜感激!
答案 0 :(得分:1)
load()
url的选择器部分需要是带有空格分隔符的url字符串的一部分。您将它作为单独的参数传递
尝试:
$("#bbpress-forums").load(bpFullUrl + ' ' + bpData);
请参阅load() docs中&#34;加载页面片段&#34;
部分中的示例$( "#result" ).load( "ajax/test.html #container" );