【问题标题】:How can i insert Multiple html into the modal through Javascript如何通过 Javascript 将多个 html 插入到模态中
【发布时间】:2016-06-07 12:55:34
【问题描述】:

其实我的问题是在 onclick 我的模态出现之后,我可以在模态中插入多个东西,我可以通过

(.html("abc");)

但是如果我附加多个字符串,上面的语法只插入一个字符串,它会显示错误 这是我的代码:

    echo "<script>
   function myFunction(order){
   $('.modal-body').html(order.order_id);
   $('#myModal').modal({backdrop: false}); /#myModal is the body of the Modal 
       }
   </script>"; 

【问题讨论】:

  • 像这样的 PHP 回显中的 JQuery 会导致问题:由于 $ 符号,PHP 将尝试将 $('.modal-body') 解释为 PHP 变量。使用 HEREDOC 语法、单引号字符串或转义美元符号 \$ : php.net/manual/en/language.types.string.php
  • .html() 将元素的旧 html 替换为新的,尝试使用 .append 代替。你也不需要执行 $('#myModal').modal({backdrop: false});每次你应该调用一次。
  • @Khaled .append 如果我创建一个Secound Moda,它还会附加最后一个值(意味着第一个值也显示在模态中)
  • @CD001 是否在 php 代码中 echo "Order Number :" 。 "" ."
    ";
  • 令人惊讶的是 PHP 并没有阻塞它 - 可能是因为 $( 不是 PHP 变量的有效开始。但是,您在 JS 中的评论已损坏 /#myModal 需要另一个领先的 /

标签: javascript php jquery html


【解决方案1】:

现在我找到了我们可以使用的解决方案:

     $('.modal-body').html('<b>Order Number</b>: '+order.order_id +
 '<br>'+'<b>Order Date:</b>' + ' ' +order.created_date+ '<br>'+'<b>Table Number:</b>' + ' ' +order.uid + '<br>'+'<b>Status:</b> ' + ' ' +order.status+ '<br>'+'<b>Title:</b>' + ' ' +order.title + '<br>'+'<b>Quantity:</b>' + ' ' +order.quantity+ '<br>'+'<b>Personalization:</b>' + ' ' +order.personalization);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-06-05
    • 1970-01-01
    • 1970-01-01
    • 2020-05-27
    • 1970-01-01
    • 2010-09-08
    • 1970-01-01
    相关资源
    最近更新 更多