2017-08-09 59 views
-3

我想在javascript中添加IMG src標籤以將img源代碼傳遞給一個js變量'content:',然後將其傳遞給一個php變量''''':'。 我試過了,但我得到錯誤「未識別的對象」錯誤。在這種情況下,有沒有方法在JavaScript中添加img標籤。在PHP內部的IMG HTML標籤在javascript內

$html .= ' 
    <script type="text/javascript"> 
    $(".example-p-1").on("click", function() { 
     $.alert({ 
      title: "You drawer is complete", 
      content: "<div style="text-align:center"><img style="width:80px;height:80px" src="https://thedailyoutfits.com/wp-content/draw.jpg"><br></div>", 
     }); 
    }); 
    </script>'; 
+0

有人能讓我至少參考解決方案/此問題的鏈接 – SandeepTete

回答

-1

您可以檢索使用jQuery $(this).attr("src")的IMG SRC

您不能通過JS到PHP因爲PHP頁面加載之前發生,這可能是通過AJAX完成後,JS時,或者如果你重裝這一頁。

更新: 用單引號替換字符串中的所有雙引號。這是因爲外部字符串使用雙引號,所以它基本上是不斷打開和關閉的,所以使用單引號表示它保持爲單個字符串。

+0

我有正常的文本內容運行良好,但不是img src標籤。 – SandeepTete

+1

@SandeepTete您通過標籤引用了什麼?編輯:只更換內容字符串中的所有「與」 – D14RAP

+0

是替換引用完美工作 – SandeepTete

1

用雙引號括起雙引號。替換爲單引號並轉義。

$html .= '<script type="text/javascript"> 

    $(".example-p-1").on("click", function() { 
     $.alert({ 
      title: "You drawer is complete", 
      content: \'<div style="text-align:center"><img style="width:80px;height:80px" src="https://thedailyoutfits.com/wp-content/draw.jpg"><br></div>\', 
     }); 

    }); 
</script>"; 

很好的選擇是HEREDOCS

$html .= <<< JS 
    <script type="text/javascript"> 
     $(".example-p-1").on("click", function() { 
      $.alert({ 
       title: "You drawer is complete", 
       content: '<div style="text-align:center"><img style="width:80px;height:80px" src="https://thedailyoutfits.com/wp-content/draw.jpg"><br></div>', 
      }); 
     }); 
    </script> 
JS;// Do not indent this ending tag. 

<<< JS可以是任何文字,只要它匹配JS;

2

請嘗試在文件中使用下面的代碼,它會工作。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.2.3/jquery-confirm.min.css"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.2.3/jquery-confirm.min.js"></script> 
    <?php 

$html = ""; 
$html .= '<script type="text/javascript"> 

    jQuery(".example-p-1").on("click", function() { 
        jQuery.alert({ 
         title: "You drawer is complete", 
         content: "<div style=text-align:center><img style=width:80px;height:80px; src=https://thedailyoutfits.com/wp-content/draw.jpg><br></div>", 

        }); 

       }); 


     </script>'; 

echo $html; 
     ?>