Javascript / Jquery代码将无法在Dreamweaver中运行

时间:2014-01-27 03:28:30

标签: javascript jquery

我正在尝试在Dreamweaver中运行下面显示的代码。但是,我无法弄清楚为什么第7行出现错误.Dreamweaver没有说明什么是错误的。请指教。错误位于“verso:”。

$(document).ready(function(e) {
    $('#btn-left').click(function(e) {
       $(".flipbox1").flippy({
            color_target: "red",
            direction: "left",
            duration: "750",
            verso: "<form id="signup" action=" <?=$_SERVER['PHP_SELF']; ?>" method="get">
          <fieldset>
            <legend>Join Our Mailing List</legend>

              <label for="email" id="address-label">Email Address
                <span id="response">
                    <? require_once('inc/store-address.php'); if($_GET['submit']){ echo storeAddress(); } ?>
                  </span>
              </label>
              <input type="text" name="email" id="email" />
              <input type="image" src="i/join.jpg" name="submit" value="Join" class="btn" alt="Join" />

              <div id="no-spam">We'll never spam or give this address away</div>
          </fieldset>
        </form>",
         });
    });
});

编辑

$(document).ready(function(e) {
    $('#btn-left').click(function(e) {
       $(".flipbox1").flippy({
            color_target: "red",
            direction: "left",
            duration: "750",
            verso: "<form id=\"signup\" action=\"<?=$_SERVER['PHP_SELF']; ?>\" method=\"get\">
          <fieldset>
            <legend>Join Our Mailing List</legend>

              <label for=\"email\" id=\"address-label\">Email Address
                <span id=\"response\">
                    <? require_once('inc/store-address.php'); if($_GET['submit']){ echo storeAddress(); } ?>
                  </span>
              </label>
              <input type=\"text\" name=\"email\" id=\"email\" />
              <input type=\"image\" src=\"i/join.jpg\" name=\"submit\" value=\"Join\" class=\"btn\" alt=\"Join\" />

              <div id=\"no-spam\">We'll never spam or give this address away</div>
          </fieldset>
        </form> ",
         });
    });
});

2 个答案:

答案 0 :(得分:0)

你的问题就在这一行

 verso: "<form id="signup" action=" <?=$_SERVER['PHP_SELF']; ?>" method="get">

你使用双引号来包围verso的整个字符串值,但是id =之后的双引号使得javascript认为你正在关闭字符串。

您需要在外部使用双引号,在内部使用单引号,或者您需要使用反斜杠转义双引号。

答案 1 :(得分:0)

两件事:

1)由于您使用双引号打开,您需要在字符串中使用单引号或将开头双引号更改为单引号;

更改

verso: "<form id="signup" action=" <?=$_SERVER['PHP_SELF']; ?>" method="get">
...
</form>",

verso: '<form id="signup" action=" <?=$_SERVER['PHP_SELF']; ?>" method="get">
...
</form>',

2)你需要在每行的末尾放置一个+和html字符串,告诉JS继续查看字符串的下一行。尽管JS使用;来结束行,但从技术上讲它们并不是必需的,这意味着JS将在换行符上结束行。