尝试将 Jquery .load() 与多个 Id 选择器一起使用，但没有成功

Question

本质上，用户点击电影标题，情节和演员都填充在我的可折叠对象中。如果我只使用 1 个选择器进行情节或演员表，而不是同时使用两者，它会很好地工作。有什么想法或例子吗？谢谢

.HTML。。。

<div data-role="main"  class="ui-content">
<div data-role="collapsibleset">
<div data-role="collapsible">
<h1>Plot</h1>
<p id="dvdinfo"></p>
</div>
<div data-role="collapsible">
<h1>Cast</h1>
<p id="dvdcast"></p>
</div>
</div>
</div>

Javascript...

function getmoviepic_mobile(movietitle) {
var Movie = $(movietitle).text();
$('#dvdinfo','#dvdcast').load('getuser2_mobile.php', {input:Movie}); 
}

.PHP。。。

<?php
include("includes/connection.php");
$q1 = trim($_POST['input']);
$result = mysql_query("
SELECT 
id, title, actors, plot, catagory, release_date, rated
FROM ".TBL_DATA." 
WHERE title = '".$q1."'");
while($row = mysql_fetch_array($result)) {
echo $row['plot'];
echo $row['actors'];
}

Answer 1

PHP：

while($row = mysql_fetch_array($result)) {
$x=[
'plot'=>$row['plot'],
'actors'=>$row['actors']
];
}
echo json_encode($x);

.JS：

function getmoviepic_mobile(movietitle) {
var Movie = $(movietitle).text();
$.getJSON('getuser2_mobile.php', {input: Movie}, function(json, textStatus) {
$('#dvdinfo').html(json.plot);
$('#dvdcast').html(json.actors);
});
}

Answer 2

替换此行

$('#dvdinfo','#dvdcast').load('getuser2_mobile.php', {input:Movie}); 

有了这个

$('#dvdinfo,#dvdcast').load('getuser2_mobile.php', {input:Movie});