GVKun编程网logo

javascript – 集合重复不起作用(js中集合)

15

本文将为您提供关于javascript–集合重复不起作用的详细介绍,我们还将为您解释js中集合的相关知识,同时,我们还将为您提供关于AJAX返回的JavaScript不起作用.如何使用JavaScri

本文将为您提供关于javascript – 集合重复不起作用的详细介绍,我们还将为您解释js中集合的相关知识,同时,我们还将为您提供关于AJAX返回的JavaScript不起作用.如何使用JavaScript?、Javascript RegEx不起作用、javascript – $(这个)不起作用、javascript – css(“右”,posVar);不起作用的实用信息。

本文目录一览:

javascript – 集合重复不起作用(js中集合)

javascript – 集合重复不起作用(js中集合)

我在Collection Repeat中遇到了问题.这是我的控制器代码:

.controller('RescheduleCtrl',function($scope){
    this.photos = [];
      for (var i = 0; i < 100; i++) {
        var w = 100 + Math.floor(Math.random() * 200);
        w -= w % 5;
        var h = 150 + Math.floor(Math.random() * 100);
        h -= h % 5;
        this.photos.push({
          width: w,height: h,src: "1995"
        });
      }


    })

这是视图文件中的代码:

<ion-scroll direction="x">
  <divcollection-repeat="photo in photos"
     item-height="250" item-width="photo.width + 30">
 {{photo.src}}
  </div>
</ion-scroll>

我得到错误:集合重复期望属性集合项目宽度是一个返回数字(以像素为单位)或百分比的表达式.

解决方法

问题是你没有绑定HTML上的照片,看着你的控制器代码告诉你使用的是controllerAs语法.因此,如果您有ng-controller =“RescheduleCtrl as reschedule”,那么您可以在html上获取照片对象reschedule.photos

标记

<ion-scroll direction="x">
  <divcollection-repeat="photo in reschedule.photos"
     item-height="250" item-width="photo.width + 30">
 {{photo.src}}
  </div>
</ion-scroll>

Working Codepen

AJAX返回的JavaScript不起作用.如何使用JavaScript?

AJAX返回的JavaScript不起作用.如何使用JavaScript?

这是我的页面Test1.asp
<html>
<head>
<Meta http-equiv="Content-Language" content="en-us">
<Meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script type="text/javascript">
function Alex()
{
var xmlHttp;
try
  {  
  xmlHttp=new XMLHttpRequest();  }
catch (e)
  { 
   try
    {    
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");   
     }
  catch (e)
    {   
     try
      {     
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");   
          }
    catch (e)
      {      
      alert("Your browser does not support AJAX!");      
      return false; 
           }    
           } 
            }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById("Alex").innerHTML =xmlHttp.responseText;//Get Google Destination Map 
      }
    }
    xmlHttp.open("GET","Test2.asp",true);
    xmlHttp.send(null); 
   }
</script>
</head>

<body>
<div id ="Alex"></div>
<label onclick="Alex()" >ssss</label>
</body>
</html>

这是请求页面Test2.asp

<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<div id="Mathew"></div>
</body>
<script type="text/javascript" >
{
document.getElementById("Mathew").innerHTML='ajax is working';      
}
</script>
</html>

在页面(Test2.asp)中javascript无法正常工作

如何使用ajax将test2.asp调用到我的test1.asp

默认情况下,不会执行包含AJAX响应的JavaScript.

当这个问题已经在各种库中解决时,就像jQuery和Prototype一样,从头开始构建Ajax处理程序毫无意义.

Javascript RegEx不起作用

Javascript RegEx不起作用

我有以下javascript代码:

    function checkLegalYear() {
        var val = "02/2010";

        if (val != '') {
           var regEx = new RegExp("^(0[1-9]|1[0-2])/\d{4}$","g");

            if (regEx.test(val)) {
               //do something
            }
            else {
               //do something
            }
        }
    }

但是,对于我通过的任何值(02/2010),我的regEx测试始终返回false。我的代码有问题吗?我已经在各种javascript编辑器上在线尝试了此代码,并且效果很好。

javascript – $(这个)不起作用

javascript – $(这个)不起作用

我使用 ColorPicker Plugin.我使用以下代码初始化了插件:
$(".colorpic").ColorPicker({
    color: '#0000ff',onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },onChange: function (hsb,hex,rgb) {
        $(this).css('backgroundColor','#' + hex);  <= $(this) not working 
    }
});

现在我的问题是$(this)无法在onchange事件中工作.帮帮我吧?

解决方法

试试这样:
$(".colorpic").each(function(){
    var $this = $(this);

    $this.ColorPicker({
        color: '#0000ff',onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },rgb) {
            $this.css('backgroundColor','#' + hex);
        }
    });
});

javascript – css(“右”,posVar);不起作用

javascript – css(“右”,posVar);不起作用

这里的主要目标是立即“跳”到右边.我不想使用.animate(),因为它会产生一些“闪烁”效果 – 因为它不是即时的.我认为.css()会立即“跳”到右边,没有闪烁效果.

我不知道为什么这不起作用..而不是使用.css()我实际上必须使用.animate解决这个问题:

$("#gallery ul").animate({right: posVar},0);

这是我的实际代码:

setTimeout(function(){
   var posVar = 2838;        
   $('#gallery ul').css("right",posVar);
},300);

这有什么问题?

CSS:

#gallery ul {
  display:block;
  position:relative;
  width:14000px; /*auto calculated from javascript */
}

解决方法

Css属性:left,right,top,down不能用于display:block try display:absolute或display:fixed

当我写下这个答案时,我不知道我的想法.我的意思是说……你需要的位置:绝对或位置:固定或位置:相对

我认为您的代码存在的问题是最终没有“px”…

我已经搞砸了,这里是http://jsfiddle.net/Starx/8w6cS/

你的代码在这里工作是证明

http://jsfiddle.net/Starx/8w6cS/1/

如果你试图将你的ul移动到2838px右边这是你的解决方案

http://jsfiddle.net/Starx/8w6cS/2/

关于javascript – 集合重复不起作用js中集合的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于AJAX返回的JavaScript不起作用.如何使用JavaScript?、Javascript RegEx不起作用、javascript – $(这个)不起作用、javascript – css(“右”,posVar);不起作用等相关知识的信息别忘了在本站进行查找喔。

本文标签: