javascript не показывает элементы?

Я пытаюсь создать модальный, который должен показать упоминание переменной позиции в моем коде, вот мой код ejs (я использую ejs и js 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

может ли кто-нибудь сказать мне, что случилось, и как я могу исправить это?

javascript,node.js,bootstrap-4,bootstrap-modal,

0

Ответов: 2


0

После поиска ответа на многие ответы я нашел это из одного из ответов на 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


0

См.: Несколько цепей селектора в jQuery?

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

Полученная вами ошибка говорит вам, что showApply не существует. Это так, потому что есть. (точка), который является неправильным в этой функции.

Вы можете попробовать следующее:

 function showApply()
 {
  $('#applyModal').find('#applyModaltitle').innerHTML=$('#alert-heading').text;
  $('#applyModal').modal('show');
 } 
JavaScript, Node.js, самозагрузки-4, самозагрузки покадрово,
Похожие вопросы