繁体   English   中英

PHP 添加 JavaScript 元素动态问题

[英]PHP adding JavaScript elements dynamically issue

由于“和”问题,我在 PHP 文件中动态添加 JavaScript/Jquery 元素时遇到了一点问题。

因此,我使用以下代码回显 HTML 代码:

<?php
     $entryId = $_GET['entryId'];
     echo '
     <!doctype html>
     <html lang="en">
     <head>

动态添加元素时,我使用以下内容:

$.ajax({
        url: "getDriverDVLAChecks.php",
        data: {ni: ni},
        dataType : "text",
        success: function(data)
        {
         var arr = data.split("##");
         for (var i = 0; i < arr.length - 1; i++) 
         {
          var tmp = arr[i].split("#-");
          var tile = "<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>"; 
          $("#dvlaCheckRow").append(tile);
         }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
          console.log(errorThrown);
        }
});

我对以下行有疑问:

var tile = "<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>"; 

如您所见,我使用引号来表示字符串,但是当我向元素声明类和 id 时,似乎认为我正在关闭字符串(显然)。

go 关于这样做的最佳方法是什么? 我不能使用 ' 代替 " 因为 PHP 文件会将其识别为 PHP 代码。

我试过以下没有运气:

var tile = String(<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>); 

错误 PHP 返回: Uncaught SyntaxError: Unexpected identifier

谢谢!

您需要使用反斜杠“转义”双引号,因此:

var tile = "<div class=\"font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6\">...

您不能使用嵌套引号...

请参考如何使用字符串

您可以使用以下任何一种..

var tile = "<div class=\"font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6\"><div class=\"font-icon-detail\"><a href=\"tmp[1]\" target=\"_blank\"><img src=\"pdf.png\" style=\"width: 100px; height: 100px;\" /></a><a href=\"tmp[1]\" target=\"_blank\" class=\"software\">tmp[0]</a></div></div>";

或者

var tile = '<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>';

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM