小编Dae*_*ica的帖子

如何使用jquery-ui 1.9以编程方式更改选项卡？

注意:发布答案是因为我花了4次以上的搜索才能在stackoverflow上找到正确的答案.它出现在1.9中,API已更改,在早期版本中,您将使用$("#tabs").tabs("select", 2).

<script>
    $(document).ready(function() {
      $("#tabs").tabs();

      // assume you want to change to the 3rd tab after 3 seconds
      setTimeout(function() {
         // ???
      }, 3000);
    });
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>

    <div id="tabs-1"><p>Container 1</p></div>
    <div id="tabs-2"><p>Container 2</p></div>
    <div id="tabs-3"><p>Container 3</p></div>
</div>

我试图从C#访问应用程序历史记录.我想提供与任务管理器相同的信息,但我找不到api/example.当然,我实现了一个桌面应用程序.

指定问题:我对CPU/RAM不感兴趣.我唯一想要的是时间.

更新 要准确显示我在说什么,请看这个屏幕:

这是运行视频的相关代码:

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video> 

这段代码可以单独使用,但在尝试淡入时:

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

它似乎不起作用,我得到了这个:

如你看到的: Video format or MIME type is not supported.

视频容器隐藏在css中:

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

这是一个想法,视频容器是隐藏的(display:none),当需要时,我调用该函数showVideoPlayer来显示视频容器.然而,这不起作用,FireFox并在Chrome和IE9中产生了这个错误和一个空白屏幕.

我错过了什么吗？是fadeIn功能似乎让我错了？

我是一名新手,并希望这些问题看起来并不太愚蠢.

我正在为我的网站使用砌体 - 工作正常.我希望在砖石加工完成后让箱子出现.在互联网上搜索我发现有几篇帖子建议使用imagesloaded插件来解决这个问题.它只是没有改变任何东西.这意味着:我的布局和内容框一直搞乱,直到砌体完成加载,然后盒子突然跳到正确的位置.

我的代码:

$(document).ready(function() {

    var $container = $('#post-area');
    $container.imagesLoaded( function() {
        $container.masonry({
            itemSelector : '.box',
            columnwidth: 300,
            gutter: 20,
            isFitWidth: true,
            isAnimated: !Modernizr.csstransitions
        });    
    });
});

我也得到这个firebug错误:

TypeError: EventEmitter is not a constructor
ImagesLoaded.prototype = new EventEmitter();

我正在我网站的末尾加载像这样的imagesloaded(如果imagesloaded已经包含在砌体中,我找不到任何信息,有些人写道它不再包括在内 - 令人困惑):

<script src="http://www.domainname.com/js/imagesloaded.js"></script>

如果有人可以帮助我,我会很高兴.并告诉我,如果imagesloaded甚至是解决此问题的正确插件!

我正在尝试与json合作,我几乎拥有我需要的东西.我正在显示正确的信息,但我必须将数组中的每个项目传递给变量,然后打印变量.我想显示每个数组中的所有项目.我正在使用的json数据来自一个发票应用程序(www.curdbee.com),我正在尝试为客户显示每张发票.我想要显示的数据是每个订单项,订单项价格和总金额.这是我的代码:

$(document).ready(function() {


    $.getJSON('https://nspirelab.curdbee.com/invoices.json?api_token=__token__', function(data){
        $.each(data, function(index, item){
            var total = item.invoice.total_billed;
            var lineItemName1 = item.invoice.line_items[0].name_and_description;
            var lineItemName2 = item.invoice.line_items[1].name_and_description;
            var lineItemPrice1 = item.invoice.line_items[0].price; 
            var lineItemPrice2 = item.invoice.line_items[1].price; 

            $('#results').append('<div class="lineItem"><ul><li>' + lineItemName1 + lineItemPrice1 + '</li><li>' + lineItemName2 + lineItemPrice2 + '</li><li>' + total + '</li></ul></div>');
        });

    });

});

我用帆布画画倒计时了

工作代码:http://jsfiddle.net/ajFsx/

window.onload = function() {
    canvas  = document.getElementById('timer'),
    seconds = document.getElementById('counter'),
    ctx     = canvas.getContext('2d'), 
    sec     = 180,
    countdown = sec;
    ctx.lineWidth = 8;
    ctx.strokeStyle = "#528f20";
    var 
    startAngle = 0, 
    time       = 0,
    intv       = setInterval(function(){
        var endAngle = (Math.PI * time * 2 / sec);
        ctx.arc(65, 35, 30, startAngle , endAngle, false);   
        startAngle = endAngle;
        ctx.stroke();

        countdown--;
        if ( countdown > 60){
            seconds.innerHTML = Math.floor(countdown/60);
            seconds.innerHTML += ":" + countdown%60;
        }
        else{
            seconds.innerHTML = countdown; …

我正在尝试使用 lodash 比较两个无序字符串数组。我尝试过使用该isMatch功能，但它似乎没有达到我想要的效果。这是我尝试过的：

var arr1 = ['foo', 'bar']
var arr2 = ['bar', 'foo']
_.isEqual(arr1,arr2) //should return true, but instead it returns false

谢谢。

我认为如果.getElementById在所有节点上都可用,那么将有两个主要优点:

1. 可以选择不属于文档的节点.

   例如,我想做点什么

   function foo(html){
       var el = document.createElement('div');
       el.innerHTML = html;
       var target = el.getElementById('target');
       /* Do something with `target` */
   }
   

   Run Code Online (Sandbox Code Playgroud)

   但我不能,因为我得到了TypeError: el.getElementById is not a function.

   然后,我不想使用类而不是id,我必须这样做

   function foo(html){
       var el = document.createElement('div');
       el.innerHTML = html;
       document.body.appendChild(el);
       var target = document.getElementById('target');
       document.body.removeChild(el);
       /* Do something with `target` */
   }
   

   Run Code Online (Sandbox Code Playgroud)

   但该文件可能已经有了一个元素id="target".然后,我应该这样做

   function foo(html){
       var iframe = document.createElement('iframe');
       iframe.onload = function(){
           var doc = iframe.contentDocument || iframe.contentWindow.document,
               el = document.createElement('div');
           el.innerHTML = html; …

   Run Code Online (Sandbox Code Playgroud)

我想写一个shell脚本来做以下四件事:

1. ssh远程机器(比如hosti)
2. 将机器名称打印到文件(top_out)
3. 将'top'命令输出的前几行打印到与step2相同的文件中
4. 对另一台机器重复1-3

我试过这个:

#! /bin/bash

for i in 1 2 3 4 5 6 7 8

do
    echo "host$i" >> ~/mysh/top_out
    ssh host$i "top -n1 -b | head -n 15>> ~/mysh/top_out"
    echo "done"
done

我得到的输出文件保存了一些机器的最高输出(比如host5-8),但是对于像host1-4这样的早期机器人来说它是空白的.如果我尝试没有"echo"主机$ i">>〜/ mysh/top_out",我可以得到所有host1-8的最高输出.

我正在使用 Materialize CSS 1.0.0（所以没有 jQuery）并且我有一个选择下拉菜单，用户可以在其中选择不同的主题（自动、浅色、深色）。默认为自动（它使用用户的系统首选项 - 亮或暗）。每个页面都有这个下拉菜单。一切正常，除非我打开网站并转到选择并选择，比如说，点亮，然后导航到另一个页面，选择输入显示自动。但是，下拉菜单选择了灯光（在 Materialise 中，所选项目具有灰色背景），然后当我通过在下拉菜单外部单击而不是单击灯光选项来关闭下拉菜单时，输入显示为灯光。

因此，重申一下，我选择了默认（自动）以外的主题，在整个站点中选择了该选项，但输入与站点中的所选选项不匹配，直到我打开选择当前主题的下拉列表，然后单击它的外部，然后输入与所选内容匹配（例如，从自动更改为灯光）。这很奇怪，因为除了输入最初与所选选项不匹配之外，一切都在正常工作。我认为这是因为我的 JS 切换主题和 Materialize 的选择“预设”之间存在某种冲突，后者依赖于 materialize.js 文件中的自己的 JS。我仅使用常规 HTML 选择测试了用于切换主题的代码，并且效果很好。输入与整个站点中的选定选项相匹配。

因此，它必须是 materialize.js 以及该文件中发生的任何事情。我尝试查看该文件中的代码，看看是否有任何我可以更改的内容，但我真的无法在不破坏所有内容的情况下辨别需要更改的内容。

对于我的项目，这将构成一个烦人的小错误。

这是我的代码：

HTML

<div class="input-field">
    <select name="theme" id="theme">
        <option value="auto">Auto</option>
        <option value="light">Light</option>
        <option value="dark">Dark</option>
    </select>
</div>

<script>
    const select = document.querySelector('select');
    M.FormSelect.init(select, {});
</script>

CSS

:root {
    --dark-background-color: black;
    --dark-color: white;
}

body {
    /* Light theme */
    --background-color: white;
    --color: black;

    background-color: var(--background-color);
    color: var(--color);
}

body.theme-dark {
    --background-color: var(--dark-background-color);
    --color: var(--dark-color);   
}

@media (prefers-color-scheme: dark) { …