草庐IT

next_input

全部标签

javascript - Jquery:如何使用 <input type "value"> 字段的 ="file"动态显示图像

我想知道是否有一种方法可以动态显示用户刚刚上传到inputtype="file"字段的图像。例如,到目前为止我有以下代码:image_upload.html上传.js$(document).ready(function(){$("#id_image").change(file_select);});functionfile_select(event){$("#uploaded_image").attr("src",$("#id_image").val());}所以我基本上想显示用户刚刚上传到Field上的图片。当然,我知道如果用户已经提交表单并且图像已经在我的数据库服务器中,我可以轻松

Javascript/jQuery : How to prevent active input field from being changed?

如何防止用户在不使用disabled="true"的情况下更改输入字段中的值(其中包含要复制到剪贴板的特定值)?一旦用户在该字段中单击(已经可以正常工作),就应该选择文本,但输入任何内容都不会产生任何效果。谢谢jQuery('input.autoselect[value]').focus(function(){jQuery(this).select();}); 最佳答案 输入html中的readonly是防止用户编辑输入所需的全部内容。 关于Javascript/jQuery:Howto

javascript - "Input type file.files"选择器在 jQuery 中不起作用

我正在尝试使用以下代码在HTML输入中获取有关正在上传的文件的信息:$(document).ready(function(){$('#btn').on('click',function(){file_size=$("#my_file").files[0].size;alert(file_size);});});但是不行,控制台返回:$("#my_file").filesisundefined 最佳答案 $("#my_file")是一个jQuery对象,jQuery对象没有属性files...要从jQuery中获取DOM元素,请执行$

javascript - Next.js ( react ) & ScrollMagic

我想实现一个动画来淡入我的应用程序中的部分,例如thisexample中的部分。因此,我查看了fullPage.js。但是,由于我需要将它集成到具有服务器端渲染的Next.jsReact应用程序中,我无法使用它,因为它依赖于不支持SSR的jQuery。因此,我用ScrollMagic试试运气,它不依赖于jQuery。但它也不支持SSR(需要window),因此我在componentDidMount()方法中对其进行了初始化,甚至将其加载到那里(就像推荐的那样here).目前它最初可以工作,但是一旦您更改页面并且完成AJAX请求并且Next.js替换页面,就会抛出错误(见下文):Node

javascript - jquery datepicker change event trigger 和 input 的默认 change event

我有日期选择器$('.inp').datepicker();$(".inp").on("change",function(){console.log('inpchanged');});当我第一次更改“.inp”时手动输入一个值,然后我立即点击日期选择器打开的日历。我有两个“更改”事件监听器。首先是手动更改,然后是日期选择器更改。我怎样才能避免这种情况? 最佳答案 设置你的输入readOnly,它会帮助你通过图标改变字段的值。然后使用onSelect获取选择的日期,如下:$(function(){$(".inp").datepicke

javascript - jQuery:$.trim() input.val() 中单词之间的空格

我在这里看到了一些与我类似的问题,但他们并没有真正回答我......所以我这样做:(在文档就绪函数中)$("#dest").focusin(function(){$("#dest").val($.trim($("#dest").val()));});这个想法是当用户关注一个名为#dest的input时trim它上面的所有空格字符(之前使用focusout添加以获得视觉舒适度)。现在,什么都没有发生。:(希望有人能在这里帮助我。谢谢!这是与计算机相关的问题吗?我已经测试了评论者提供的所有代码,但没有一个有效。我在OSX(SnowLeopard)10.6.8下使用Firefox和Safar

javascript - 在 JavaScript 中将数组作为一对 (current, next) 进行迭代

在问题Iteratealistaspair(current,next)inPython,OP有兴趣将Python列表迭代为一系列current,next对。我有同样的问题,但我想以最干净的方式在JavaScript中完成,也许使用lodash.用一个简单的for循环很容易做到这一点,但感觉不是很优雅。for(vari=0;iLodash几乎可以做到这一点:_.forEach(_.zip(arr,_.rest(arr)),function(tuple){varcurrentElement=tuple[0];varnextElement=tuple[1];})这个微妙的问题是在最后一次迭代

javascript - 在第一张幻灯片上禁用 Prev 控件并在最后一张幻灯片上禁用 Next 控件

使用Slick并寻找一种方法来禁用和隐藏prev控件,直到用户单击下一个箭头。同样,我希望Next控件在用户到达最后一张幻灯片后被禁用和隐藏。here是我试图完成的一个很好的例子。slick是否已经具有我忽略的属性?这是否可以通过添加禁用类使用CSS来完成?我发现的唯一类似的是这个$('.pages.slider').slick({autoplay:true,autoplaySpeed:5000,infinite:false,onAfterChange:function(slide,index){if(index==4){$('.pages.slider').slickPause();

javascript - Prev & Next 按钮,带有使用 jQuery 覆盖的计数器

我使用jquerytools构建这个图片库,我在拇指上使用可滚动的div并在主图像上叠加......一切都像魅力一样..编辑:在我悬赏之前......我必须解释我需要像这样干净简单的东西,因为图像来自php(加密),我不能修改它,只是“View“因为我需要通过类和ID之类的东西来实现这一点。这就是我尝试这个的原因,但是......问题是我需要在您查看叠加层时插入下一个和上一个按钮...这样您就可以在加载叠加层后浏览图像..我为您制作了这把fiddle,我的老师充满智慧,可以看到我在说什么。http://jsfiddle.net/s6TGs/5/我真的试过了。但是api.next()它适

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔