小编She*_*ary的帖子

我正在使用带有AngularJS的Typescript.我使用jQuery库的类型定义的模态有问题.我收到以下错误:'错误TS2339:类型'JQuery'上不存在属性'模态'.

版本:jQuery库,版本1.10.x/2.0.x说明:https://github.com/borisyankov/DefinitelyTyped

码

$scope.delete = function (id) {
  Photo.get({id: id}, function(result) {
     $scope.photo = result;
     $('#deletePhotoConfirmation').modal('show');// error line 
  });
};

我引用到jquery.d.ts的angular.d.ts

<reference path="../jquery/jquery.d.ts" />

我的全球供应商参考文件如下所示:

<reference path='../vendor/types/angular/angular.d.ts' />
<reference path='../vendor/types/angular/angular-mocks.d.ts' />
<reference path='../vendor/types/jasmine/jasmine.d.ts' />

我的应用程序中有一个dataTable.我需要在数据表中的搜索文本框附近添加一个"刷新"按钮,以便在用户单击它时刷新表.我已经找到了刷新功能.

我坚持的是如何在数据表中包含此按钮？我想id在我的结束脚本中访问此按钮.

有什么建议？谁也可以告诉谁有什么用bJQueryUI？

我knitr用来创建一个HTML网页.默认设置似乎是800px但我需要更大的页面大小1100px

body {
    max-width: 800px;
    margin: auto;
    padding: 1em;
    line-height: 20px ; 
}   

我试过了:

library("markdown")
library("knitr")
knit2html("test.Rmd",options = c(width=1100))

但这仍然给我800px的较小页面大小

如何设置HTML页面宽度的代码？

我链接到一个bootstrap模式,如下所示; 然而,在一轮打开/关闭后,模态停止响应点击.我试图用bootstrap文档中的示例替换代码,它可以工作.我不确定从哪里开始调试.

<div class="modal fade" id="campaign-slider-content" tabindex="-1"  aria-hidden="true" data-backdrop="true">
    <div class="modal-dialog modal-lg" style="overflow-y: scroll; max-height:100%;"> 
        <div class="modal-content">
            <div class="modal-header"> 
            </div> 
            <div class="modal-body">
            </div>
        </div>
    </div>
</div>

<%= link_to image_tag(campaign.featured_image.url(:crowdreview_cropped), width: '288') 
campaign_slider_detail_path(campaign.id), data: { toggle: 'modal', target: '#campaign-slider-content'}%>

我使用以下函数来获取我正在使用的Datatable版本:

alert($.fn.DataTable.versionCheck());

但我得到的错误是:

$ .fn.DataTable.versionCheck不是一个函数

我的代码有什么问题？

我有一个常规的bootstrap 3模式:

div id="test_modal" class="modal animated fade" role="dialog" data-keyboard="true" tabindex="-1"

但是在键盘ESC上它只能在模态内部点击一次后才能工作,只需点击"esc"就可以让光标消失,只返回"点击".

任何人都可以向我解释并建议吗？

谢谢

HTML代码

<a href="#page5"><img id="imgsrc_4" src="http://140.123.105.162:4001/h/8427d242759e6584152dc293579042b3f9c377a5-254818-1200-1677-jpg/keystamp=1441340100-47d38eef85/002.jpg" title="002.jpg" style="margin: 0px; width: 1050px; height: 1467px;"></a>

有很多像上面这样的 HTML 图像。我想搜索图像的标题 (001.jpg,002.jpg,...) 并使用 CSS 删除/隐藏它。

我怎样才能做到这一点？

我正在尝试使图标填充 div。我曾尝试使用 fa 类（例如 fa-lg），但它会使 div 框变大。我想保持 div 框的大小相同，但只是让图标本身填充更多的框。

<table class="table table-striped">
<tr>
      <td width="2%">
        <div class="btn-group"><a class="btn btn-default" href="http://google.com"><i class="fa fa-compass"></i></a></div>
      </td>
      <td>
         TIME - <b>Location</b> - Address
      </td>
</tr><br />
</table>

JSFiddle

我想在缩略图库中显示一些图像,如果单击图像,它将在模态中显得更大.

如果我将模态的链接保留为图像,那么除了右上角的关闭符号之外,它不会在页眉或页脚显示任何内容.

我正在使用bootstrap.我还想知道我是否可以将img标签替换为<a>标签以打开模态部分.请帮忙.

这是代码:

<div class="col-lg-3 col-md-4 col-xs-6 thumb">
        <img id="image-modal" class="img-responsive img-rounded" src="<?php echo base_url();?>img/Desert.jpg" data-target="#myModal" data-toggle="modal" alt="">
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <img class="img-responsive" src="<?php echo base_url();?>img/Desert.jpg" alt="">
                    </div>
                    <div class="modal-footer">
                        <p>This is footer</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

我正在尝试显示一个简单的Bootstrap选择。但是它没有出现。

在调试器上查看时，我发现以下行中没有显示内容：

select.bs-select-hidden, select.selectpicker {
    display: none !important;
}

关键是我从未将此类添加到我的选择中。并希望在调试器样式窗口中看不到它。这是我想的原因。

这是简单的代码：

<div class="input-group input-group-sm">                    
    <select class="selectpicker" id="event-name-ecom">
              <option value="addToCart" selected>Add To Cart</option>
              <option value="checkout">Checkout</option>
              <option value="removeFromCart">Remove From Cart</option>
              <option value="review" >Review</option>
              <option value="payment" >Payment</option>
              <option value="confirmation" >Confirmation Page</option>
    </select>
    <p class="bg-danger" id="event-required-ecom" style="margin-right: 25px; display: none"></p>
</div>

任何的想法？