我想首先说我对JS一无所知(我想我会学习,因为我以前所未有的过热)。
我正在为一个朋友制作一个网站,我想添加一些更时尚的简单CSS3& HTML,所以我继续谷歌并进行了一些研究,我下载了一个名为“Simple Modal”的免费可用的jQuery插件。
我想在Modal中显示一个PHP变量。 这是它的截图:
以下是使插件在任何页面上正常运行所需的最低要求:
> <link rel="stylesheet" href="simplemodal.css" type="text/css"
> media="screen" title="no title" charset="utf-8">
> <script src="assets/javascript/mootools-more-1.3.1.1.js" type="text/javascript charset="utf-8"></script>
> <script src="/js/simple-modal.js" type="text/javascript" charset="utf-8"></script>
> <script src="assets/javascript/demo.js" type="text/javascript" charset="utf-8"> </script>
现在问题来了。 Modal的内容在 - &gt; simple-modal.js ,格式如下:
$("modal").addEvent("click", function(e){
e.stop();
var SM = new SimpleModal({"btn_ok":"Confirm button"});
// Confirm Button
SM.addButton("Confirm", "btn primary", function(){
alert("Action confirm modal");
this.hide();
});
// Cancel button
SM.addButton("Cancel", "btn");
SM.show({
"model":"modal",
"title":"Modal Window Title",
"contents":"<p >Hey , how you doing? Nice weather today!</p>"
});
})
为了编辑显示的内容,我需要编辑“内容”。 我试着将我的PHP变量放入其中..它没有用.Google搜索它......我找到了解决方案。这是一个JS变量,然后是主页上的PHP。
<?php $content = $user['username']; ?>
<script type="text/javascript"> var name = "<?= $content ?>"; </script>
所以在我的新发现之后,我试着这样做:
"contents":"<p>Hey" + name + ", how you doing? Nice weather today!</p>"
没用。然后,我试过(看,也许变量是问题):
"contents": name
这一次它奏效了。看来,由于一个未知的原因,我无法“结合”两件事(?如果这是一个恰当的方式来命名他们)。
我甚至尝试了诸如“好”+“早晨”之类的事情,但我得到了相同的结果。
我很困惑为什么会这样。
所以,如果有人通过向我解释为什么会发生这种情况,如何解决它或者至少为研究提供一条精确的路径,我会非常优雅。
谢谢。
答案 0 :(得分:3)
<?php $content = $user['username']; ?>
<script type="text/javascript">
var name = "<?= $content ?>";
var fullcontent = "<p>Hey" + name + ", how you doing? Nice weather today!</p>";
</script>
这里将是
"contents":fullcontent
对于模态,您可以尝试EXTJS它非常有效且易于使用。