Question

以下代码将获取并发布地理坐标，但我希望它然后在div中显示一些文本或按钮或其他内容。这个代码在html中有效，但在twig模板中没有显示

   {%extends "LoginLogBundle:Default:index.html.twig"%}

   {%block javascripts%} 

   {{parent()}}

   <script src={{asset('js/jquery.form.js')}}></script>

   <script> 

   function getCoordPosition() { 

 if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
    $.ajax({
        type: "POST",
        url: "{{path('login_log_location')}}",
        data: {
            latitude: position.coords.latitude,
            longitude: position.coords.longitude
        },
        success: function () {
            $("#divputinarea").html('popojpojoojpopjopjojp');
        }
       });
   });
  }
return false;
 }

 </script> 

{%endblock%}

{% block body%}


 <div id="divputinarea">
<button class="btn btn-large btn-primary" onclick="getCoordPosition()">Click to
share     your location</button>
</div>

{%endblock%}

起初我认为它是$（＆＃34; #divputinarea＆＃34;）。html这不会得到html.twig的拾取，任何想法为什么它不会在树枝上工作？

Answer 1

使用jquery ready函数在页面加载后执行代码，并确保设置{％block javascripts％} 在基页中的正文之前（默认情况下是在之后）

jquery在html中工作，但不在twig模板中

1 个答案: