2

我收到了来自服务器的响应，响应的文本格式是

  "<div class=\"esv\"><h2>John 3:16 <object type=\"application/x-shockwave-flash\"  data=\"http://www.esvapi.org/assets/play.swf?myUrl=hw%2F43003016\" width=\"40\" height=\"12\" class=\"audio\"><param name=\"movie\" value=\"http://www.esvapi.org/assets/play.swf?myUrl=hw%2F43003016\" /><param name=\"wmode\" value=\"transparent\" /></object></h2>\n<div class=\"esv-text\"><h3 id=\"p43003016.01-1\">For God So Loved the World</h3>\n<p id=\"p43003016.07-1\"><span class=\"verse-num woc\" id=\"v43003016-1\">16&nbsp;</span><span class=\"woc\">&#8220;For God so loved the world,<span class=\"footnote\">&nbsp;<a href=\"#f1\" id=\"b1\" title=\"Or 'For this is how God loved the world'\">[1]</a></span> that he gave his only Son, that whoever believes in him should not perish but have eternal life.</span>  (<a href=\"http://www.esv.org\" class=\"copyright\">ESV</a>)</p>\n</div>\n<div class=\"footnotes\">\n<h3>Footnotes</h3>\n<p><span class=\"footnote\"><a href=\"#b1\" id=\"f1\">[1]</a></span> <span class=\"footnote-ref\">3:16</
    span> Or <em>For this is how God loved the world</em>\n</p>\n</div>\n</div>"

html格式喜欢图片

任何技能都可以在 javascript 或 jquery 中弹出此消息？

4

1 回答 1

2

如果您想在屏幕中间有一个漂亮的弹出窗口（不是标准的 javascript 警报弹出窗口），那么...

对于上面的 div，您可以

1) 将其放置在屏幕中央（阅读http://www.jakpsatweb.cz/css/css-vertical-center-solution.html）您可能希望使用 设置 div 的样式position: fixed;，具体取决于您的网站设置方式向上。还设置z-index: 999;或其他一些高数字。

2）隐藏它。例如在 CSS 集中.esv {display: none}

3) 使用 jQuery/javascript，当你想要的任何事件发生时显示它

$("#somebutton").click(function(){
         $(".esv").show(); // will display the popup window
    }

这是一个非常简化的模型。但是这些方面的东西可能是你想要的。
如果你想每次都有不同的内容，那么你可以先把你的<div class="esv"></div>空。然后使用 jQuery 将您想要的任何内容插入 before show()。但是，您将不得不研究如何动态选择您要插入的任何内容。

所以第 3 步可能如下所示：

 $("#somebutton").click(function(){
         $(".esv").html( /* whatever html you want to insert. */);
         $(".esv").show(); // will display the popup window
    }
于 2013-06-28T20:53:17.603 回答