Question

我正在尝试创建一个模式，该模式应在我的代码中显示位置变量提及这是我的ejs代码（我正在使用ejs，node js和用于模式的java脚本）

<div class="container-fluid">

  <%for(i=0;i<Vac.length;i++){%>
 <div class="alert alert-dark" role="alert">

     <h4 class="alert-heading">Postion:- <%=Vac[i].position%></h4>

  <hr>
  <h5>Type:- <%=Vac[i].type%></h5>

  <h6>Skills:- <%=Vac[i].Skills%></h6>
  <p class="lead"><%=Vac[i].Description%> </p>
   <button type="button" class="btn btn-primary" data-toggle="modal" onclick="showApply()">Apply</button>  


     <br> 
  </div>
  <%}%>
</div>

这是我的模态JavaScript代码

<script>
     function showApply()
     {
     $('#applyModal').modal('show');
      $('#applyModal').('#applyModaltitle').text($('#alert-heading'));
     } 
    </script>

但是我收到如下错误：

SyntaxError: missing name after . operator[Learn More] careers:216:23 [Show/hide message details.] ReferenceError: showApply is not defined

有人可以告诉我出什么问题了，我该如何纠正？

Answer 1

引用：Multiple selector chaining in jQuery?

 function showApply()
 {
  $('#applyModal').modal('show');
  $('#applyModal').('#applyModaltitle').text($('#alert-heading'));
 }

您收到的错误告诉您showApply不存在。就是这样，因为有一个。（点）运算符，该函数有误。

您可以尝试：

 function showApply()
 {
  $('#applyModal').find('#applyModaltitle').innerHTML=$('#alert-heading').text;
  $('#applyModal').modal('show');
 }

Answer 2

在搜索了很多答案的答案之后，我从stackoverflow的答案之一中找到了答案。由于我要访问生成的数据库中的数据，因此我必须通过显示的数据集中的元素访问数据，例如例如：-

我已经在警报框中显示了我的数据，并且我必须从警报框中获取所需的数据并将其显示在模式中，为了在模式上显示数据，我们必须执行以下操作：-

$(document).ready(function(){
 $('#modalname').on('show.bs.modal',function(e){
  var _button =$(e.relatedTarget);
  var info =_button.parents(".alert");
  var position=info.find(".classofelementneeded").text(); //text as i was using h5 tag for displaying data
  $(this).find("#element where you want to display data").val(position); //val because  i want to display data in text box
});
});

您可以使用它来通过javascript将网页上的数据显示为模态

javascript没有显示元素？

2 个答案: