当前位置: 首页 > 知识库问答 >
问题:

我如何将元素附加到我的引导模式以显示来自LocalStorage的数据?

江新
2023-03-14

我需要将元素添加到我的引导模式中,这样每次打开它时,我都可以看到一些来自我的本地存储的数据,这是我到目前为止所拥有的。我正在尝试添加fn元素

JS:

function doSomething(e, student){

  let fn = document.createElement("h5");
  let ln = document.createElement("h5");

if (e.target !== e.currentTarget){
  var clickedItem = e.target.id;
  for(student of data){
  if (clickedItem == student.id)

   fn.innerHTML = (student.firstN);
   ln.innerHTML = (student.lastN);

   $('#infoModal modbod').append(fn);

   $('#infoModal').modal('show');    
  }
}

下面是模态的HTML代码

<div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="modal-title" id="exampleModalLabel">Student Info</h2>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" id="modbod">

        <div class="test" id="testdiv">

        </div>

      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div> -->
    </div>
  </div>
</div>
</div>

共有1个答案

齐承泽
2023-03-14

modbod之前错过了#

这样修复:


   $('#infoModal #modbod').append(fn);

 类似资料:
  • 我有一个Meteor React应用程序,我正在开发该应用程序,我想在其中以一种模式实现登录/注册功能。我不知道如何通过单击“注册”或“登录”按钮打开模式 我有以下两个组成部分: UI/组件/main-布局/头/LoggedOutNav.jsx UI/组件/模态/LoginRegistration.jsx 如何从其他组件打开模态?

  • 我刚从网站代码中用bootstrap 4尝试了modal css代码: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js https://

  • public void OnBindViewWholder(@nonnull MyViewWholder持有者,int位置){

  • 问题内容: 所以我的最后一个问题是如何从搜索中显示我的techID: 我正在尝试让我的“详细信息”页面引用通过techID链接的服务器的两个独立部分 我的新问题仍在此页面上。我还添加了回声图像。但在使用和显示我的图像而不是二进制JPEG数据时遇到了麻烦。我一直在尝试寻找这种情况的另一个实例,但是找不到任何可以解决我的错误的实例。 和 是我到目前为止提出的最后一个问题中唯一的更改(显然包括我得到的有

  • 问题内容: 我希望我选择的功能在将DOM元素添加到页面时运行。这是在浏览器扩展的上下文中,因此该网页独立于我运行,并且我无法修改其来源。我在这里有什么选择? 我猜,从理论上讲,我可以用来不断搜索元素的存在并在元素存在的情况下执行我的操作,但是我需要一种更好的方法。 问题答案: 警告! 这个答案现在已经过时了。DOM级别4引入了MutationObserver,可以有效替代已弃用的突变事件。,以获得

  • 问题内容: <%= image_tag "Background.jpg" %> 我如何使上述代码全屏显示Twitter Bootstrap模态弹出窗口,我尝试使用CSS,但无法按照我想要的方式获得它。任何人都可以帮我。 问题答案: 我在Bootstrap 3中使用以下代码实现了这一目标: 通常,如果您对间距/填充问题有疑问,请尝试右键单击(或在Mac上按cmd键单击),然后在Chrome上选择“检