在Js中插入PHP变量(JQuery)

时间:2014-08-04 01:05:48

标签: javascript php jquery variables

我想首先说我对JS一无所知(我想我会学习,因为我以前所未有的过热)。

我正在为一个朋友制作一个网站,我想添加一些更时尚的简单CSS3& HTML,所以我继续谷歌并进行了一些研究,我下载了一个名为“Simple Modal”的免费可用的jQuery插件。

我想在Modal中显示一个PHP变量。 这是它的截图:

enter image description here

以下是使插件在任何页面上正常运行所需的最低要求:

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

这一次它奏效了。看来,由于一个未知的原因,我无法“结合”两件事(?如果这是一个恰当的方式来命名他们)。

我甚至尝试了诸如“好”+“早晨”之类的事情,但我得到了相同的结果。

我很困惑为什么会这样。

所以,如果有人通过向我解释为什么会发生这种情况,如何解决它或者至少为研究提供一条精确的路径,我会非常优雅。

谢谢。

1 个答案:

答案 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它非常有效且易于使用。