Tag: html5

在jquery ajax调用上实现“后退按钮”: 我正在尝试在这个完整的ajax网站上实现后退按钮..我尝试了jquery历史插件，但我确定我搞砸了一些东西，因为哈希看起来没问题，但后退按钮不会加载原始内容。这就是我的菜单： Home About Us Contact 并且ajax调用： $(function() { var $content = $(‘#content’); $(‘.ajaxload li a’).click(function() { $content.html(”); var url = $(this).attr(‘href’); $.get(url, function(data) { $content.hide().html(data).fadeIn(“slow”, function() { $(“#loader”).fadeOut(“fast”) }); }); return false; }); });

jQuery mobile中的循环轮实现？: 在制作这种类型的圆形轮时，jQuery mobile中是否有任何API？默认情况下，登录位于向下箭头下方。如果我点击产品并提供它，请点击向下箭头。如果我点击ATM定位器旋转并显示在向下箭头下方？

用户输入输入（JS）时替换单词: 我有一个代码，显示用户正在键入的内容，并将该输入写回html文档中的a。这是下面的代码： body{font-family:century gothic;} $(‘.chatinput’).keyup(function(event) { newText = event.target.value; $(‘.printchatbox’).text(newText); }); 有人可以帮我弄清楚我是如何做到这一点的，以便在用户输入时将一个字或一行字符串替换成其他的字符串。例如，用户写“这是一个字符串”…程序将其写在html文档上，但也会自动将该特定字符串更改为“This is a text”中的“This is a string”。请帮忙！

可拖动元素在另一个可拖动元素中: 这里的小提琴更不用说我想做的事了： http ： //jsfiddle.net/EUZS5/2/ 。我在swiper中有不同的元素，在一些幻灯片里面有一个可拖动的元素。目前，当我拖动箭头时，它也会拉动幻灯片（这不是我想要的行为:)）我试图在拖动事件上使用’stopPropagation’，但它无助于阻止幻灯片移动。任何想法如何实现这一目标？我使用hammerjs和idangerous.swiper。 $(document).ready(function(){ var mySwiper = new Swiper(‘.swiper-container’,{ pagination: ‘.pagination’, paginationClickable: true }) var left; $(‘.arrow’).hammer({}).on(“dragstart”, function(ev) { left = $(this).css(‘left’).replace(/[^-\d\.]/g, ”); }) $(‘.arrow’).hammer({}).on(“dragright”, function(ev) { var distance = parseFloat(left)+parseFloat(ev.gesture.deltaX); $(this).css(‘left’, distance+’px’); }) $(‘.arrow’).hammer({}).on(“dragleft”, function(ev) { var distance = parseFloat(left)+parseFloat(ev.gesture.deltaX); $(this).css(‘left’, distance+’px’); }) });

使用skrollr相对于元素，而不是窗口: 所以我在网页设计方面总是新手，但我决定开始为自己展示一个展示网站： http ： //www.anikmusic.com 让我描述一下我的问题的主旨是什么：以前，我遇到了固定定位元素在移动浏览器中跳跃和搞怪的问题，因此我决定创建一个网站，正如您所看到的，它不使用任何固定定位的元素，而是使用绝对定位的标题和适合浏览器的主体，并缩放到它的高度和宽度。身体充当准iframe，是内容的窗口。实际上，正是这个包含了其中的所有真实内容，并且正是你在寻找时实际滚动的div，.content在现场。所有部分，家庭，生物，歌曲等都在内容div中。如果你看一下内容div中的代码，你会发现“歌曲”，“分数”和“艺术”部分都有这个叫做“媒体内容 – 颜色 – 底层”的东西。它应该看起来像这样：嗯，这是其中之一。还有另外两个，它们一个位于另一个之下，因此当您滚动时，衬垫会平滑地将颜色从红色变为绿色再变为蓝色，然后在您开始滚动到艺术部分后消失。现在，乐谱部分下面的衬垫被卡在红色，艺术品下面的那个被卡在绿色，而歌曲下的那个被卡在0不透明度。现在这是问题所在。通常情况下，这可以正常工作，但是对于新的布局，内容实际上在body内部的div内部，Skrollr似乎无法分辨元素何时进入视图，何时处于视图中我认为，Skrollr使用窗口作为参考框架，但我希望它使用带有class =“content”的div作为其参考框架。我尝试将id=”skrollr-body”到上述div中，但无济于事。关于我接下来应该做什么的任何指示或提示？

有没有更好的方法让HTML5 与tinyMCE一起使用？: 我的目标是使用tinyMCE图像插件将图像文件直接上传到html内容区域。由于安全性和跨浏览器function，我希望这使用文件上传控件。我这样设置TinyMCE： tinyMCE.init({ selector: ‘.html-content’, menubar: false, statusbar: false, toolbar: ‘undo redo | image’, plugins: ‘image’, file_browser_callback: this.getSystemFile }); 并且getSystemFile的函数定义如下： function getSystemFile(field_name, url, type, win) { function upload($fileField, toUpload) { var self = this; var formData = new FormData($fileField.find(‘form’)[0]); $.ajax({ url: ‘/storage/creator_upload’, type: ‘POST’, data: formData, processData: false, cache: false, contentType: false, dataType: ‘json’, […]

使用javascript在图像上画一条线: 我在html img标签中有一个图像。我的要求是当用户点击图像时，它会标记一个点并在拖动鼠标的同时画一条线。然后，当用户完成拖动并单击图像时，它应显示该行还显示以毫米/厘米为单位的线的尺寸。即，用户必须在图像上画一条线并显示他绘制的线的距离/长度（以毫米/厘米为单位）。如何在Web应用程序中实现此function？有人可以帮我实现这个function吗？

没有使用jquery的ajax的无限滚动？: 我想在jquery移动web应用程序中创建无限滚动。我想在不使用ajax的情况下滚动页面。是否有可能这样做？

搜索位置的Google Map边界: 我使用以下代码在我动态搜索的位置（代码）上显示标记。现在我想突出显示搜索到的位置边界。（例如，如果我搜索“东京”，它应该标记’东京’的边界（请参考图像以供参考）。 var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var mapOptions = { zoom: 8, center: latlng } map = new google.maps.Map(document.getElementById(‘map-canvas’), mapOptions); } function codeAddress() { var address = document.getElementById(‘address’).value; geocoder.geocode({ ‘address’: address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { […]

target = _blank无法在iphone中运行: 我正在构建一个phonegap应用程序，如果用户点击应用程序中的T＆C链接，则必须显示外部条款和条件页面。此页面必须在新窗口中打开，用户应该能够在访问此页面后导航回应用程序。我的应用程序在Android和Blackberry设备上运行良好。但在iPhone中，“条款和条件”页面在同一窗口中打开，用户无法导航回应用程序。如果用户关闭应用程序（通过按中心按钮）并再次打开它，则会显示相同的“条款和条件”页面，并且用户无法前进到下一页。请在下面找到代码段。请建议。