要包括在彈出

我已經被點擊的單元格的表創建打開一個彈出表：要包括在彈出

<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/

一個

來源

2016-01-06 amadain

能否請您提供的jsfiddle？ –

這就是確切的代碼。全部是 – amadain

如果那是你的完整代碼，那麼它不會因爲語法錯誤（未關閉標籤）的工作。它改成這樣：

<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> 
    </tr> 
</table> 


<div data-role="popup" id="test_Pass"> 
    <div data-role="main" class="ui-content"> 

    <h2>Pass testcases from test</h2> 
    <table class='pop' 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=\ 'a6d7ed\'></td> 
     </tr> 
    </table> 
    <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>

Here is the JSFiddle demo

來源

2016-01-06 09:18:13

謝謝。我想我已經關閉了所有的標籤，但我顯然錯過了一些 – amadain

更具體地說，第一個'table'的結束標籤和最後一個'tr'的結束標籤。歡迎您:) –

要包括在彈出

回答

相關問題