我已经被点击的单元格的表创建打开一个弹出表:要包括在弹出
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<h2>Results</h2>
<br/>
<table width="50%" >
<tr><th bgcolor=\'a6d7ed\'><b>Test Group</b></th><th bgcolor=\'a6d7ed\'><b>Pass</b></th><th bgcolor=\'a6d7ed\'><b>Fail</b></th><th bgcolor=\'a6d7ed\'><b>Error</b></th><th bgcolor=\'a6d7ed\'><b>Time</b></th><th bgcolor=\'a6d7ed\'><b>R</b></th>
</tr>
<tr><td>test</td>
<td><a href="#test_Pass" data-rel="popup" data-position-to="window" data-transition="fade" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">10</a></td>
现在,当我点击10我希望有一个表,在弹出的打开那个价值。 添加以下代码来创建与它的单词测试一个弹出式窗口,它的工作原理:
<div data-role="popup" id="test_Pass">
<div data-role="main" class="ui-content">
<h2>Pass testcases from test</h2>
<p>test</p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">Back</a>
</div>
</div>
现在我想要一个表,在弹出的核心,所以我改变了上面的代码包含在一个表段落标记:
<div data-role="popup" id="test_Pass">
<div data-role="main" class="ui-content">
<h2>Pass testcases from test</h2>
<p><table width="80%" >
<tr><th bgcolor=\'a6d7ed\'><b>Test</b></th><th bgcolor=\'a6d7ed\'><b>Time</b></th><th bgcolor=\'a6d7ed\'><b>Result</b></th></tr>
<tr><td>Test: Verifying correct response code is returned</td><td>0.569</td><td bgcolor=\'#00FF40\'></td></tr>
</table></p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">Back</a>
</div>
</div>
但是两个表格现在都出现在同一页面上。没有弹出窗口。我做的唯一的事情是用表格替换弹出段落文本。你不能这样做吗?我需要做其他事情才能将表格放入弹出窗口中吗?任何帮助表示赞赏
根据要求这里是小提琴 - https://jsfiddle.net/rqp86v9x/
一个
能否请您提供的jsfiddle? –
这就是确切的代码。全部是 – amadain