小编mor*_*kro的帖子

名称=''的无效表单控件不可聚焦

我的网站上有一个严重的问题.在Google Chrome中,有些客户无法前往我的付款页面.在尝试提交表单时,我收到此错误:

An invalid form control with name='' is not focusable.
Run Code Online (Sandbox Code Playgroud)

这是来自JavaScript控制台.

我读到问题可能是由于隐藏字段具有必需属性.现在的问题是我们使用的是.net webforms必需的字段验证器,而不是html5必需属性.

这个错误似乎是随机的.有没有人知道解决方案?

html validation html5

611
推荐指数
17
解决办法
45万
查看次数

什么是ECMAScript?

在Visual Studio中,当我将脚本类型设置为JavaScript时,这将作为intellisense中的一个选项出现.

一个快速的谷歌搜索得出了蹩脚的结果,让我相信这不是非常受欢迎的使用.

  • 它是什么?
  • 有没有人用它? (<script type="text/ecmascript">)
  • 为什么?

javascript

107
推荐指数
4
解决办法
6万
查看次数

触发标准HTML5验证(表单)而不使用提交按钮?

谁知道如何在不使用提交按钮的情况下触发表单中的标准HTML5验证?(JavaScript或jQuery).

我不希望发送POST/GET的请求,只能做验证.

javascript forms jquery html5

71
推荐指数
5
解决办法
11万
查看次数

在JSDoc中记录析构函数参数

以前我总是记录我的对象参数如下:

/**
 * Description of the function
 *
 * @param {Object} config - The configuration
 * @param {String} config.foo
 * @param {Boolean} [config.bar] - Optional value
 * @return {String}
 */
function doSomething (config = {}) {
  const { foo, bar } = config;
  console.log(foo, bar);
  // do something
}
Run Code Online (Sandbox Code Playgroud)

但我不确定desctructured函数参数的最佳方法是什么.我是否只是忽略了对象,以某种方式定义它或者记录它的最佳方式是什么?

/**
 * Description of the function
 *
 * @param {String} foo
 * @param {Boolean} [bar] - Optional value
 * @return {String}
 */
function doSomething ({ foo, bar } = {}) …
Run Code Online (Sandbox Code Playgroud)

arguments destructuring jsdoc ecmascript-6

52
推荐指数
3
解决办法
9611
查看次数

在区域点击上加载另一个jvectormap

我正在尝试加载特定的区域地图onRegionClick.但是,在进行更改后,似乎区域正在加载.这是我的代码:

function switchMap(code) {
    $.getScript('maps/'+ code +'.js');
    $('#map').vectorMap({map: code});
}

$('#map').vectorMap({
    map: 'world_mill_en',
    onRegionClick: function(event, code) {
        if (code == "CA") {switchMap(code)}
        if (code == "AF") {switchMap(code)}
        if (code == "AL") {switchMap(code)}
        if (code == "AR") {switchMap(code)}
        if (code == "CH") {switchMap(code)}
    }
});
Run Code Online (Sandbox Code Playgroud)

控制台输出是这样的:

Uncaught Error: Attempt to use map which was not loaded: CA world-map.js:82

OPTIONS file:///C:/Users/D-4/Desktop/find-a-bible/maps/CA.js?_=1364318443130  jquery-1.8.2.js:8416
Run Code Online (Sandbox Code Playgroud)

javascript jquery jvectormap

13
推荐指数
1
解决办法
5402
查看次数

如何将缩略图添加到光滑滑块的点,提及当前幻灯片

我目前正在开发一个需要滑块的新项目.我为我的一个项目实现了光滑的JS.

现在我需要添加缩略图,当我们悬停将链接到滑块的点时会出现这些缩略图

例如,单击第一个拇指,滑块将前进到第一个幻灯片,....单击第三个并滑动到第三个幻灯片.

HTML

    <html>
      <head>
        <title>My Now Amazing Webpage</title>
       <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
       <link rel="stylesheet" type="text/css" href="slick/style.css"/>
      </head>
     <body>
<!-- THis is the slider code  -->
        <div class="center">
          <div><img  alt="slide 2" src="images/img1.jpg"></div>
          <div><img  alt="slide 2" src="images/img2.jpg"></div>
          <div><img  alt="slide 2" src="images/img3.jpg"></div>
          <div><img  alt="slide 2" src="images/img4.jpg"></div>
          <div><img  alt="slide 2" src="images/img5.jpg"></div>
        </div>

       <script type="text/javascript" src="slick/jquery-1.11.0.min.js"></script>
       <script type="text/javascript" src="slick/jquery-migrate-1.2.1.min.js"></script>
       <script type="text/javascript" src="slick/slick.min.js"></script> 

       <script type="text/javascript">
        $('.center').slick({

            centerMode: true,
            centerPadding: '60px',
            slidesToShow: 1,
            dots: !0,   /* It is for the navigation dots  */
            draggable: !1, …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

12
推荐指数
1
解决办法
3万
查看次数

Javascript函数只能在按键上输入字母

我想只输入a中的字符值<textarea>和另一个中的数值.我已经能够创建一个JavaScript函数,它只允许在<textarea>使用中输入数值onkeypress.这适用于Firefox和Chrome.

对于字母表,我正在使用windows.event属性创建另一个JavaScript函数.唯一的问题是这仅适用于Chrome,而不适用于Firefox.

我想知道如何只允许使用onkeypress事件输入字母,因为只用于输入数字值?

function isNumberKey(evt){  <!--Function to accept only numeric values-->
    //var e = evt || window.event;
	var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode != 46 && charCode > 31 
	&& (charCode < 48 || charCode > 57))
        return false;
        return true;
	}
		   
    function ValidateAlpha(evt)
    {
        var keyCode = (evt.which) ? evt.which : evt.keyCode
        if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || …
Run Code Online (Sandbox Code Playgroud)

html javascript validation onkeypress

11
推荐指数
3
解决办法
7万
查看次数

由于缺少方法而导致PanoJS失败

我在Rails 4项目中使用PanoJS,我收到以下错误:

TypeError: this.getLevel(...) is undefined
[panojs/pyramid_imgcnv.js][1] Line 92
Run Code Online (Sandbox Code Playgroud)

令我困惑的是,该方法似乎只是在上面几行宣布.

我把它作为PanoJS的一个问题提出来但我很怀疑它只是Rails和Javascript之间的配置错误.我之前已经设置并使用Rails 3项目.我使用了相同的JS文件并以相同的顺序加载它们.我看不出有什么不同(除了Rails版本),但一个版本有效,一个版本没有.

更新:

该元素被声明为(为了简洁,我将数据部分留下了);

%div{ id: "image_viewer", class: "viewer", data: {} }
Run Code Online (Sandbox Code Playgroud)

应该使用以下coffeescript触发JS,但目前我已将其注释掉,因为它只是添加了一个错误,因为addimagezoom不起作用.

jQuery(document).ready ($) ->

  $('#zoomimage').addimagezoom
  largeimage: $('#zoomimage').data('large-image-url'),
  magnifiersize: [$('#zoomimage').data('scaled-x-dimension'),$('#zoomimage').data('scaled-y-dimension')],
  zoomrange: [2, 10]
Run Code Online (Sandbox Code Playgroud)

更新2:

我意识到我在原帖中犯了一个错误.触发器实际上如下所示.以上是我试图让不同的观众工作的人工制品.下面是真正的触发器.

createViewer viewer, 'image_viewer', "#{url_base}/#{image_id}", "#{image_uuid}_", width,  height, target_format
Run Code Online (Sandbox Code Playgroud)

javascript ruby-on-rails

9
推荐指数
1
解决办法
347
查看次数

使用 AngularJS 创建自定义属性

我是 AngularJS 的新手。我正在尝试编写一个指令,该指令将根据某些情况设置background-colora <div>。本质上,在我看来,我希望能够编写以下代码:

<div effect-color="#2D2F2A">content here</div>
Run Code Online (Sandbox Code Playgroud)

或者

<div effect-color="{{effectColor}}">content here</div>
Run Code Online (Sandbox Code Playgroud)

我知道我需要一个指令。目前,我正在这样做:

.directive('effectColor', [
  function () {
    return {
      restrict: 'A',
      controller: [
        '$scope', '$element', '$attrs', '$location', 
        function ($scope, $element, $attrs, $location) {
          // how do I get the value of effect-color here?
        }
      ]
    }
  }
]);
Run Code Online (Sandbox Code Playgroud)

我不确定如何获取属性本身的值。我需要添加范围吗?我只想要属性值。

谢谢!

javascript css angularjs

2
推荐指数
2
解决办法
1万
查看次数

窗口滚动功能不起作用

我正在制作一个博客,并尝试使用$(window).scroll(function(),但有些东西阻止了它的工作。

scrolled当用户向下滚动时,我尝试将名为body 的类添加到 body。任何想法会阻止它正常工作?控制台对此没有给出任何错误。

JS

$(document).ready(function($) {
    $(window).scroll(function() {    
        var scroll = $(window).scrollTop();

        if (scroll >= 100) {
            $("body").addClass("scrolled");
        } else {
            $("body").removeClass("scrolled");
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

实时预览

http://personaii-demo.tumblr.com/

html javascript jquery

2
推荐指数
1
解决办法
2万
查看次数

Jquery对话框滑动

http://jsfiddle.net/G5RP3/

我已经通过jQuery UI创建了一个div对话框.目前它是空的,但我想做的是让它从窗户外面从左到中滑动.相反,它是像抽屉打开一样滑动的.我想我很亲密,但不知道怎么做.

JS

var speed = 2000;
$(document).ready(function () {
    $('#loginmenu').dialog({
        show: {
            effect: 'slide',
            direction: 'left',
            speed: speed

        },
        hide: {
            effect: 'slide',
            direction: 'left',
            speed: speed

        },
        modal: true
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="loginmenu"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

#loginmenu {
}
Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-ui

1
推荐指数
1
解决办法
3596
查看次数

如何将函数绑定到Shadow DOM内的元素?

我正在使用Web Components并尝试将click事件绑定到Shadow DOM内部的元素.

1. component.html包含<link rel="import" ...>在index.html内部

<template id="my-element">
    <section>
        <header>
            <content select="h1"></content>
            <button></button>
        </header>
        <content select="div"></content>
    </section>
</template>
Run Code Online (Sandbox Code Playgroud)

2.后期元素用法:

<my-element>
    <h1>Headline</h1>
    <div>...</div>
</my-element>
Run Code Online (Sandbox Code Playgroud)

3.访问元素并将函数绑定到它

现在我想在我的内部添加一个(不幸的是隐藏了).喜欢:addEventListener()<button><my-element> #shadow-root

var elemBtn = document.querySelector('my-element button');
elemBtn.addEventListener('click', function(event) {
    // do stuff
});
Run Code Online (Sandbox Code Playgroud)

但那不行.我如何实现这一目标?

html javascript web-component custom-events shadow-dom

1
推荐指数
1
解决办法
1496
查看次数