Question

我使用jQuery textFill将一些动态文本（来自数据库）放入具有预定义宽度的div中。我的问题是这个插件在页面上工作得很好，但我想在twitter bootstrap模式中使用它。这似乎不起作用。我在jsFiddle中创建了一个示例。我在模态外面使用div，在里面使用div。模态外的div工作正常。里面的div似乎有一些问题：）

  string startdate = startDate.text;
  //OR DateTime 
  employeesSqlDataSource.SelectParameters.Add("@SDate", startdate);

以下是example in jsFiddle

你知道该怎么做吗？

Answer 1

问题在于您在此处使用的css选择器hide，因为它具有带display:none规则的属性important

 <div id="myModal1" class="modal hide" tabindex="-1" role="dialog">

并且没有显示模态，所以删除它以及过渡效果如果你愿意，可以使用css选择器fade

 <div id="myModal1" class="modal fade" tabindex="-1" role="dialog">

SideNote：在你的小提琴中你缺少模态的关键div元素，例如<div class="modal-dialog">和<div class="modal-content">

<div class="modal-dialog">
    <div class="modal-content">
        //Modal Header, Body and Footer Comes Here
    </div>
</div>

Working fiddle

Answer 2

我真的对这个线程迟到了，但是我找到了解决这个问题的方法。在实际的脚本中，这段代码有时 var ourText = $(Opts.innerTag + ':visible:first', this); 它基本上告诉jquery在我们的<span>中选择第一个{strong>可见的元素。但是，我们的文本显然是不可见的，因为启动页面时它位于模式内部，因此已隐藏。有一个简单的解决方法。只需进入库并在其中编辑该部分，它就可以正常工作：

<div>

jQuery textFill with bootstrap modal

2 个答案: