Tag: javascript

上传之前拖放图像输入文件和预览: 我想创建一个div附加拖放function，当有人点击它时，他们可以选择他们的图像。我编写了一些东西，它可以 – 点击div并选择你的图像 – 在上传之前预览你的图像你可以检查我的小提琴 CSS .uploader {width:300px;height:350px;background:#f3f3f3;border:2px dashed #e8e8e8;} JavaScript的 var imageLoader = document.getElementById(‘filePhoto’); imageLoader.addEventListener(‘change’, handleImage, false); function handleImage(e) { var reader = new FileReader(); reader.onload = function (event) { $(‘.uploader’).html( ” ); } reader.readAsDataURL(e.target.files[0]); } HTML click here or drag here your images for preview and set userprofile_picture data 你可以查看http://jsfiddle.net/ELcf6/

我为什么要使用jQuery？: （我知道其他人问了一个类似的问题，它被关闭为’议论’，但我真的很有兴趣理解围绕这个问题的争论。）我非常了解JavaScript。我已经专业写了多年了。我已经内化了很多跨浏览器的不兼容性和粗略感，知道DOM操作就像我的手背，已经与业内一些最好的Web开发人员合作并获得了很多他们的魔力。我一直在查看jQuery。我理解javascript库的意义（我写了多少次动画，getElementsByClass和hide / show函数？）。但说实话，学习一种并不复杂的全新语法似乎是浪费时间。看起来我正在抨击墙壁，以便学习一个全新的JavaScript接口。我在技术上不是工程师，所以也许我错过了什么。有人可以拼出jQuery的权衡吗？学习和理解jQuery语法真的比学习JavaScript更快吗？

leaflet.js – 单击时设置标记，拖动时更新位置: 对于我正在进行的一个小项目，我需要能够在leaflet.js驱动的图像映射上放置一个标记并更新该标记的位置（如果它被拖动）。我使用以下代码来尝试这个，但它失败了。我收到错误’标记未定义’。我不知道为什么它不起作用 – 也许你们可以帮助我？ ;） function onMapClick(e) { gib_uni(); marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:’true’}; map.addLayer(marker); }; marker.on(‘dragend’, function(event){ var marker = event.target; var position = marker.getLatLng(); alert(position); marker.setLatLng([position],{id:uni,draggable:’true’}).bindPopup(position).update(); });

如何在网站中使用Google输入工具: 如果可以使用jquery或纯javascript等客户端脚本在网站中使用Google输入工具，请告诉我吗？ Google输入工具是否有可用的API？我已经google了，但找不到任何东西？谢谢

如何使用jQuery.grep（）过滤多维JSON对象: 我有一个JSON对象，如下所示： {“data”: [ {“name”:”Alan”,”height”:”171″,”weight”:”66″}, {“name”:”Ben”,”height”:”182″,”weight”:”90″}, {“name”:”Chris”,”height”:”163″,”weight”:”71″} ] ,”school”:”Dover Secondary” } 我想过滤JSON对象以获取高于170且重于70的数据，然后对此对象进行排序。在jQuery网站上，我知道在线性数组上可以很容易地实现过滤，例如： arr = jQuery.grep(arr, function(element, index){ return (element > 70 && index = ‘weight’); }); 如何同时过滤重量和高度以获得： {“data”: [ {“name”:”Ben”,”height”:”182″,”weight”:”90″}, ] ,”school”:”Dover Secondary” }

Jquery UI datepicker，点击日期，获取日期并传递给URL: 我在事件页面（sharepoint页面）中有一个jquery UI datepicker日历。 $(‘#datepicker’).datepicker(); 我需要在用户点击任何日期后获取日期并获取该日期并将其作为mypage.aspx？dt = 1/12/2012传递给页面url。我有这个但不能正常工作。 $(‘.ui-datepicker td a’).click(function(){ var url=$(location).attr(‘href’); var date = $(this.datepicker( “getDate” )); if(date != ‘null’) url += ‘&dt=’ + date; window.location.href=url; }); 这两个都没有.. $(‘.ui-datepicker td a’).click(function() { window.location.href = ‘http://mysite/events/Pages/default.aspx?dt=’ + $(‘#datepicker’).datepicker().val(); }); 有人可以帮忙吗？

图像hoverjquery效果: 那里。我正在尝试的是这个： $(document).ready(function() { $(‘.wrapper’).hover(function() { $(‘.image’, this).animate({width:”110%”,opacity:”0.5″}{duration:100,queue:false}); $(‘h4’,this).animate({ margin-left: “10px”} {duration:300,queue:false}); $(‘p’,this).animate({ margin-left: “40px”, display: “block”} {duration:200,queue:false}); }); }); http://jsfiddle.net/ygqouhk1/ 但问题是它不起作用，有时它会将动画应用于具有相同类的所有div，并且在鼠标离开后它不会恢复到正常状态。我对jquery不太满意，但我想在jquery中制作类似css效果的东西。它一定不能完全像这个，只是类似我稍后会尝试调整位置和颜色： http://jsfiddle.net/shomz/J28Yp/19/ #container .photo { transition: .3s all linear; height: 400px; width: 500px; left:-5%; top:-20px; position: relative; background:url(‘http://sofzh.miximages.com/javascript/11.jpg’) no-repeat center center; } #container:hover .photo { transform: matrix(0.95, 0, 0, 0.95, 0, 0); […]

隐藏页面，直到加载所有内容高级: 我有一个大量使用jQuery的网页。我的目标是只在一切准备就绪时显示页面。有了这个我想避免向用户显示恼人的页面呈现。到目前为止我试过这个（ #body_holder是一个包装体内部）： $(function(){ $(‘#body_holder’).hide(); }); $(window).load(function() { $(“#body_holder”).show(); }); 这完全没问题，但弄乱了布局。问题是隐藏包装器会干扰使用的其他jQuery函数和插件（例如layout-plugin）。所以我想必须有另一个技巧来做到这一点。也许在window.load发生之前，在身体上放置一张图片或div？你用什么方法？编辑：解决方案最有可能是另一种方式而不是display:none或hide() ;

JQuery Mobile Change Page不会加载JS文件: 为了更好地组织我们的JQuery Mobile PhoneGap应用程序，我希望能够在新页面上使用标签，并在页面被引入时使用更改页面或其他东西进入JS。到目前为止，我努力做到这一点并没有产生我想要的东西。除非我在index.html上包含所有JS文件，然后在PageShow事件处理程序中编写条件逻辑，这不是一个好的解决方案。有什么想法吗？