小编fil*_*tea的帖子

我正在使用bootstrap,我通过Less添加了字体真棒,覆盖了Glyphicons.图标在Chrome中显示OK但在Firefox中我只看到框.

这就是我的目录的样子

-- Project
  -- js
  -- css
  -- less
  -- font-awesome
    -- css
    -- font
    -- less

我在Project > less > boostrap.less文件中修改的所有内容都是:

@import "sprites.less";

//for this line

@import "../font-awesome/less/font-awesome.less";

正如我在Chrome中说的那样工作正常,但由于某种原因Firefox只显示了盒子.

我有一个带iframe的页面,在这个iframe中有一些链接应该在父窗口中打开一个模态窗口.问题是我没有权限将代码放入父窗口.我只能访问这个iframe.有没有办法可以用jquery做这种限制？

谢谢!

我有一个包含200多条记录的dataTable,其中每一行都有按钮来删除该记录,当按下按钮时,会弹出一个来自Bootstrap的模态.

问题是,当我使用dataTable中的分页选项更改"页面"时,模式内的信息不会使用相应的ID进行更新.当我点击第一页的任何一行时,它可以正常工作,但是当我更改页面时,信息会被我从第一页按下的最后一个ID卡住.

有任何想法吗？

Mi代码看起来像这样:

<table class="table table-bordered table-hover tablewithtooltip" id="dataTable">
  <thead>
    ...
  </thead>

  <tbody>
    <tr>
      <td>
        <a href="#myModal" role="button" class="btn delete-smt-btn" data-toggle="modal" id="111">Delete Row</a>
      </td>
      <td>Some info</td>
    </tr>

    <tr>
      <td>
        <a href="#myModal" role="button" class="btn delete-smt-btn" data-toggle="modal" id="112">Delete Row</a>
      </td>
      <td>Some info</td>
    </tr>

    ...

  </tbody>
</table>

这是我的jQuery:

$('body').on('hidden', '#myModal', function () {
  $(this).removeData('modal');
});

var table = $('#dataTable').dataTable({
    "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
    "sPaginationType": "bootstrap",
    "aaSorting": [[ 3, "asc" ]],
    "oLanguage": {
        "sLengthMenu": "Mostrar _MENU_ registros por página"
    }
}); …