小编L84*_*L84的帖子

单击按钮我想要更改选择列表中的选定选项以对应于单击的按钮.这就是我到目前为止, jsfiddle

$('#btnCityAuckland').click(function(){
    $('#City').val('A');
})

我确实在那里有一些jQuery,但它可能距离正确,因为它不能那么简单.

如何从javascript/jQuery中的本地PC获取目录的内容？例如来自C:\Images

我将信息回显到div中,我有一个jQuery打印元素来打印该div.但纸张总是偏离中心打印.如何设计要在页面中心打印的div？是否有准确的高度/宽度？

这是我的div css课程

.contract {
   align: 0 auto;
   text-align: center;  
   width: 800px;
   background-color: #fff;
   clear: both;
   display: block;
}

我正在网站上使用可拼图的背景图片.该网站在所有桌面浏览器中都可以很好地查看,但当我在iPad Mini(运行iOS 6.1.3)上查看该网站时,背景图像中有条纹.你可以看到大多数页面上的图案是一条线(背景图像的大小)看起来很好,然后另一条线又与背景图像的大小相同,等等.

以下是显示问题的屏幕截图:

这是后台所需的CSS:

#wrap {  
   margin:0 auto; 
   position:relative; 
   padding:0; 
   background: #B3B1B2 url(/images/bgs/parchment2.jpg); 
}

我尝试清除iPad的缓存但是没有用.我不知道为什么会发生这种情况.如何预防和解决此问题？

更新

我创建了一个包装器的jsFiddle.它在网站上看起来没问题.所以我只能假设它在我的代码中的某个地方.但是,这并不总是立即发生在网站上.这可能发生在小提琴,但我还没有看到它发生.如果是我的网站,如何跟踪导致问题的代码？

更新2

我将背景图像更改为html, body标签,但问题仍然存在,但并没有那么糟糕,并且会自行清除.我仍然想知道如何一起防止这个问题.

更新3

我尝试了@ Riskbreaker关于切换到PNG的想法.这没用.我仍然看到线条.它还大幅增加了背景文件(从30k增加到近200k).我也尝试了一个完全不同的背景图像,认为它可能是图像本身,但我仍然看到了错误.我考虑到文件大小,切换回jpg.

我该如何解决这个问题？这是iOS问题还是代码中的问题？

该网站是http://www.lfrieling.com/.我只在运行iOS 6.1.3的iPad Mini上看到这一点(截至本文撰写时的最新版本).我在iPhone上运行相同版本的iOS时没有看到这个.你也可以在长页面上看到比其他页面更多的内容.请参阅专业>资源.

我可以在带有src属性=的img的HTML报告中嵌入图形"data:image/png;base64,base64_encoded_characters_go_here".

它在我测试的所有浏览器中都能正常工作.

到目前为止,最后一个障碍是将编码的favicon.ico文件嵌入HTML报告中,以便浏览器不必执行GET.

到目前为止,我所拥有的最佳解决方案是要求favicon在我们的网站上公开显示.但这并没有完全处理我们所说的自足目标.这个解决方案要求我指定一个"快捷图标"链接,如果真的是唯一的方法,那就这样吧.但我想肯定地知道.我只是不想拥有一个充满版本控制的favicon%d.ico文件的目录.

背景...

我有一个XML => XSLT => HTML桌面应用程序,它可以生成HTML报告,这些报告可以是自包含的,也可以通过电子邮件附件共享.自包含的本质对于解决我不想解决的许多版本控制问题很有用.事实上,我已经解决了大部分问题.

当然,制作自包含报告的目标是接收者的浏览器不需要执行GET.因此,样式表和大多数图形都嵌入/编码在HTML页面中,而不会显着增加HTML报告的大小.

我说这一切都是为了解决为什么我甚至想要这样做的很多明显的问题.但请记住,这不是一个网站,它只是一个报告生成器.

我有HTML,如下所示:

<div class="page-break">  
   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>

   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>

   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>
</div>

每个.menu-item-div我需要垂直均匀分开以填充div的高度.div .page-break的设定高度为210mm.

每个.page-breakdiv都有不同的数量.menu-item-div.我需要能够在垂直方向上均匀地放置这些div,但是要保持在.page-breakdiv的210mm高度内.

使用flexbox的解决方案很好,我只是不知道flexbox足以做到这一点.
另一个要求是这些div将被打印,并且必须在打印时工作.

我想从div的内容创建一个PDF.我正在使用jsPDF.问题是没有我的样式被传递,因此PDF看起来.然后我看到一篇文章使用html2canvas来截取页面.

当我尝试提供的示例时,它给了我这个错误:

uncaught exception: Invalid orientation: [object object] <unknown>

我该如何解决这个问题？

这是我正在使用的JS:

(function(){
var content = $('#content'),
    cache_width = content.width(),
    a4  =[ 595.28,  841.89];  // for a4 size paper width and height

$('#pdf').on('click',function(){
    $('body').scrollTop(0);
    createPDF();
});
//create pdf
function createPDF(){
    getCanvas().then(function(canvas){
        var 
        img = canvas.toDataURL("image/png"),
        doc = new jsPDF({
          unit:'px', 
          format:'a4'
        });     
        doc.addImage(img, 'JPEG', 20, 20);
        doc.save("{{this.['Student Last Name']}}-{{this.['Student Name']}}-umpire-incident-report.pdf");
        content.width(cache_width);
    });
}

// create canvas object
function getCanvas(){
    content.width((a4[0]*1.33333) -80).css('max-width','none');
    return html2canvas(content,{
        imageTimeout:2000,
        removeContainer:true …

通过点击与大多数视频播放器类似的视频元素中的任意位置,添加暂停/播放功能的最简单方法是什么？

我试过了:

$('video').click(function() {

        if($(this).paused){

            $(this).play();

        } else {

            $(this).pause();

        }


    });

但它不喜欢$(this).pause()调用.任何帮助表示赞赏.谢谢.

DS

可能的重复：
如何使用 CSS 轻松水平居中 <div> ？

我读过多种使用 CSS 在页面上居中内容的方法。我不是在谈论文本，而是在谈论图像或容器等内容。

居中内容的最佳方式是什么？

设置框的宽度，然后使用类似 left: 50% 的值？

我读过很多方法，试图理解哪种方法真正效果最好，并且跨浏览器友好并且可以在旧版浏览器中工作，这确实令人困惑。

关于什么是真正最好和最有效的方法有什么想法吗？

谢谢！

在Facebook上，我注意到图像的大小从100x100到300x300以上（在某些情况下更大）不等。我意识到其中一些功能可以使用“打开图”来完成，但是当我从站点中为照片指定图像尺寸时，它将拍摄照片并将尺寸减小为较小的尺寸。可以这样做，因为图像大小最初为620x541，但将其缩小为非常小的尺寸（大约100x100），这使得图像上的文字很难阅读，在某些情况下，图像会变得非常粗糙照片。

为什么有些照片是300x300（大约），而FB如何将我的图像缩小到较小的图像呢？我已经使用OGP来指定要拉的图像，但是有没有办法告诉FB不要将图像缩小到一定尺寸以下？这是我用于图像的OGP：

<meta property="og:title" content="My Title" />
<meta property="og:type" content="article" />
<meta property="og:url" content="URL Path" />
<meta property="og:image" content="Image File Path" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="620" />
<meta property="og:image:height" content="541" />