小编Tra*_*ler的帖子

我试图从数组中删除一个随机项,直到数组为空,使用jquery或javascript.每次随机项都需要控制台.基本上我将使用给定数组中的随机图像创建一个元素,直到所有图像都已创建.

这是我尝试获取随机项并从数组中删除,但它没有通过整个数组 - 我很难过.

"load": function(){
    var imgArray = ['brain', 'mitochondria', 'microsope', 'beaker', 'beaker-2', 'scientist', 'cell', 'atom', 'dropper'];
    function randomItem(array){
        var arrayLength = array.length+1;
        console.log(arrayLength);
        for(var i = 0;i<array.length;i++){
            var item = array[Math.floor(Math.random()*array.length)];
            array.pop(item);
            console.log(array);
        }
    }
    randomItem(imgArray);
},

这是我的控制台输出:

10
home.js:12 ["brain", "mitochondria", "microsope", "beaker", "beaker-2", "scientist", "cell", "atom"]
home.js:12 ["brain", "mitochondria", "microsope", "beaker", "beaker-2", "scientist", "cell"]
home.js:12 ["brain", "mitochondria", "microsope", "beaker", "beaker-2", "scientist"]
home.js:12 ["brain", "mitochondria", "microsope", "beaker", "beaker-2"]
home.js:12 ["brain", "mitochondria", "microsope", "beaker"]

尝试执行if语句,该语句检测列表项是否具有分配给它的类"约"'活动'和'项目'.我读过的每个帖子都是检查项目是否有三个类别中的一个.我想知道该项目何时具有所有三个类.请任何帮助都会有所帮助,谢谢.

这就是我到目前为止所拥有的

     var $activeItem =  $("#project05 ol.carousel-inner li.item");
    if ($activeItem.hasClass('about') & $activeItem.hasClass('active') & $activeItem.hasClass('item')) {
        alert("slide4 about is selected");
    }

这是HTML

    <div id="project05" class="carousel slide">              
              <!-- Carousel items -->
              <ol class="carousel-inner">
                <li class="item home active">
                </li>
                <li class="item about">
                </li>
                <li class="item solutions">
                </li>
                <li class="item approach">
                </li>
              </ol>
              <!-- Carousel nav -->
              <ol class="carousel-linked-nav">
                <li class="active"><a href="#1">Home</a></li>
                <li><a href="#2">About</a></li>
                <li><a href="#3">Solutions</a></li>
                <li><a href="#4">Approach</a></li>
              </ol>
              <a class="carousel-control left" href="#project05" data-slide="prev">&lsaquo;</a>
              <a class="carousel-control right" href="#project05" data-slide="next">&rsaquo;</a>
            </div>

对于那些可能想要了解的人来说,这就是我所寻找的答案.

    function carouselSlide() { …

我将主导航固定在页面底部,并希望导航栏在单击时动画显示而不是动画下来.有人可以帮我解决这个问题或者向我发送正确的方向吗？它不是一个下拉菜单,我知道如何让下拉菜单放下.当宽度是一定大小时,它会变成一个下拉菜单,我希望它在点击而不是底部时动画到顶部.
任何帮助都会非常感谢你.

我有一个动画,我正在使用Greensock.完成此动画后,当用户单击某个按钮时,动画将反向播放.我的问题是我希望动画的反向播放速度比最初播放时快3倍.我很难知道如何做到这一点.

我当前的代码工作正常,我只需要它以更快的速度反向动画.非常感谢任何帮助,谢谢.当前代码:

var tl = new TimelineMax();
var page4 = function(){
    console.log('hello');
    tl.staggerFrom("input", 0.5, {
      marginLeft:"-300px", 
      opacity:0, 
      delay:0.5, 
      force3D:true
    }, 0.2);
    tl.staggerFrom("label", 0.5, {
      opacity:0
    }, 0.2);
    tl.staggerFrom("#submit", 0.5, {
      opacity:0
    }, 0.2);
  };

$('#submit').on('click', function(e){
   e.preventDefault();
   tl.reverse();
   setTimeout(function(){ 
     contact();
   }, 3000 );
 });

function contact(){
   var msg = '<p>Thank you for your submission! Please give us 1 business day to reply back.</p>';
  $('.title').append(msg).fadeIn();
}

每次数组变化都需要触发动画

我目前正在使用 *ngfor 迭代一系列产品，每次长度改变时动画都会触发。我正在使用 Angular 4。

<ul class="items col col-md-12" *ngIf="hasProducts()" [@productsIntro]="products.length">

问题是我需要在每次数组发生变化时触发动画，而不仅仅是数组的长度。有时数组长度相同但数组中的项目不同，因此不会触发动画。

我不确定如何解决这个问题，希望有人能帮助我解决问题。

<ul class="items col col-md-12" *ngIf="hasProducts()" [@productsIntro]="products.length">
    <li class="col col-xs-12 col-sm-12 col-md-4" *ngFor="let product of products">
      <div class="item">
        <a href="" class="product-name">{{product.product_name}}</a>
        <div class="image-and-info col col-xs-8 col-sm-8 col-md-12">
          <div class="product-thumb">
            <img src="../../assets/img-filler.png" alt="{{product.product_name}}">
          </div>
          <div class="info">
            <div class="sku">SKU: {{product.sku}}</div>
            <div class="price">Price: {{product.price | currency:'USD':true:'1.2-2'}}</div>
          </div>
        </div>
        <div class="product-col col col-xs-4 col-sm-4 col-md-12">
          <div class="btn-group" role="group" aria-label="Basic example">
            <button type="button" class="btn btn-solid" (click)="viewProduct(product)">View Product</button>
            <button type="button" class="btn btn-solid add-to-cart" …

我发现了无数关于如何使用 jQuery 和 ajax 从 json 文件检索数据的教程，但没有关于如何将数据 POST 到 json 文件的教程。如果有人可以向我展示或向我发送一个关于如何执行此操作的小脚本，那就太好了。我到处搜索如何做到这一点，但没有运气。我见过人们这样做的例子，但他们似乎忘记分享我没有看到的重要信息。我使用 ajax 检索数据 json 文件没有问题。如果有人能告诉我我是否忘记了什么或做错了什么，那就太好了。如果有人可以向我发送一个工作文件，以便我可以对 ir 进行逆向工程并了解如何做到这一点，我将非常感激。我想将 $firstName 和 $caption 中的值发送到 json 文件。我知道这对其他人来说可能看起来很愚蠢，但我厌倦了所有的搜索却没有得到任何直接的答案。

这是我所拥有的。

      getImages: function(){
        var $firstName = $(".name"),
            $caption = $(".caption");
        var object = {
            name: $firstName.val(),
            caption: $caption.val()
        }
        $.ajax({
            type: 'POST',
            data: object,
            url: 'images.json',
            success: function(data){
                console.log("KILLER");
                var count = 0;
                $.each(data, function(i, imgSlide){
                    count ++;
                    //console.log(result.sliderImages[i].url[0].thumb);
                    var imageEl = "<img src='"+imgSlide.url[0].thumb+"' alt='"+imgSlide.name+"'>";
                    var slide = "<li class='imageSlide' data-id='"+count+"'>"+imageEl+"</li>";
                    $("ul.imageGallery").append(slide).fadeIn();
                });
            },
            error: …

我想不止一次使用这个camvas对象,但我只能在引用#ID时使它工作.这是我的代码

function bubbleArrow() {
    var canvasId = 'triangleTwo',
      canvas = document.getElementById(canvasId),
      ctx = canvas.getContext('2d');
    // Draw triangle
    ctx.fillStyle="#f0f1f1";
    ctx.beginPath();
    // Draw a triangle location for each corner from x:y 100,110 -> 200,10 -> 300,110 (it will return to first point)
    ctx.moveTo(100,110);
    ctx.lineTo(100,150);
    ctx.lineTo(150,110);
    ctx.closePath();
    ctx.fill();
}

当我只需要使用一次时,这很好用.我想通过className引用我的画布,以便在我的dom中多次使用它.

    function bubbleArrow() {
    var canvasName = $('.triangleTwo'),
      ctx = canvas.getContext('2d');
    ctx.fillStyle="#f0f1f1";
    ctx.beginPath();
    ctx.moveTo(100,110);
    ctx.lineTo(100,150);
    ctx.lineTo(150,110);
    ctx.closePath();
    ctx.fill();
}

当我通过类名定位我的画布时,请帮助解释为什么它不起作用,但是当用#id定位它时它会起作用.谢谢

使用MEAN堆栈连接到我的服务器时遇到问题。直到今天，我都没有连接问题，并且从那以后也没有进行任何代码更改，因此我对为什么突然无法连接感到困惑。

连接：

mongoose.connect("mongodb+srv://theller5567:" + process.env.MONGO_ATLAS_PW + "@cluster0-efzkv.mongodb.net/node-angular", { useNewUrlParser: true })
.then(() => {
    console.log("Connected to database!");
})
.catch((error) => {
    console.log("Connection failed!", error);
});

响应：

[nodemon] starting `node server.js`
Connection failed! { MongoNetworkError: failed to connect to server 
[cluster0-shard-00-01-efzkv.mongodb.net:27017] on first connect 
[MongoNetworkError: getaddrinfo ENOTFOUND cluster0-shard-00-01- 
efzkv.mongodb.net cluster0-shard-00-01-efzkv.mongodb.net:27017]
at Pool.<anonymous> (/Users/Travis/Desktop/Github_Repos/OMNI-INC/Omni- 
pl/node_modules/mongodb-core/lib/topologies/server.js:564:11)
at Pool.emit (events.js:182:13)
at Connection.<anonymous> (/Users/Travis/Desktop/Github_Repos/OMNI-INC/Omni- 
pl/node_modules/mongodb-core/lib/connection/pool.js:317:12)
at Object.onceWrapper (events.js:273:13)
at Connection.emit (events.js:182:13)
at TLSSocket.<anonymous> (/Users/Travis/Desktop/Github_Repos/OMNI-INC/Omni- 
pl/node_modules/mongodb-core/lib/connection/connection.js:246:50)
at Object.onceWrapper (events.js:273:13)
at TLSSocket.emit (events.js:182:13)
at emitErrorNT (internal/streams/destroy.js:82:8)
at …

我尝试过很多不同的事情,但我的所有想法都让我失望了.在运行while循环后如何摆脱最后一个逗号？

<body onload="
    <?php while($row = mysql_fetch_assoc($thing3)): ?>
        checkEdits_<?php echo $row['directory_name']; ?>(),
    <?php endwhile; ?>
">

它在最后添加了最后一个逗号,它破坏了整个脚本.

php while while(循环)在运行dom时将其输出:

<body onLoad="checkEdits_juk(), checkEdits_HTML(), checkEdits_JAVASCRIPT(), checkEdits_JQUERY(),">

除了我不希望最后一个逗号.他们是摆脱它的一种方式吗？