Tag: html

跨域AJAX请求返回HTML(不是jsonp)

我正在使用这个插件: https : //github.com/padolsey/jquery.fn/tree/master/cross-domain-ajax/ 这是我的代码: $.ajax({ dataType: ‘html’, type: ‘GET’, url: ‘http://www.google.com’, crossDomain: true }).done(function(data) { $(“#box”).html(”).append(data); }); 根据我的理解,即使我有dataType: ‘html’我也很确定这仍然让我在JSONP中得到回应。 我希望能够获取页面的整个html,我需要完整显示页面所需的一切。 可与iframe相媲美。 我需要通过ajax执行此操作的原因是因为最终我需要将参数传递给我正在使用的URL。 以完整HTML格式返回页面内容的最佳方法是什么,以便我可以显示页面? 我是否还需要做任何事情来返回页面脚本/样式表? 基本上,我需要返回我调用的URL,以便我可以将返回值附加到div id,然后div id应该看起来与我调用的页面完全一样,就好像我是在一个独立的页面中加载浏览器窗口。 谢谢!

匹配递增的类与来自不同循环的递增的id

经过几个小时的研究和尝试和错误,我在这里开始我的第一个问题。 如果可以用wordpress语法更好地完成。 否则我认为我接近解决方案。 我想在wordpress模板页面上使用自定义图库,但是使用来自某些类别的post图片及其中的内容。 到现在为止还挺好。 在我的designerin.php模板中,我给每个图像一个类img-x。 class=”img- 内容得到id img-x id=”img- 计数器只是一个增量。 因此图像1具有类img-1,图像2 img-2等等。 现在,我想要在单击此特定图像时显示在wordpress编辑器中创建的该图像的相关内容。 假设您单击图像5并想要图像5中的内容。 我坚持我说的步骤(在jQuery中),显示内容 if .img-x == #img-x { display the_content() } 够了 – 这是我的jQuery代码: $(“.large-img-wrapper”).hide(); $(‘.gallery li’).on(‘click’, function(e) { e.preventDefault(); var largeImgLink = $(this).find(‘a’).attr(‘href’); $(“.large-img-wrapper”).first().fadeIn(); var imgContent = $(‘#img-5’).html(); $(‘#large-img’).remove(); $(‘#append-id’).remove(); $(“.large-img”).append(”).fadeIn(); $(“.large-img”).append(” + imgContent + ”).fadeIn(); $(“.large-img-container .img-title”).remove(); }); var imgContent只是一个测试。 […]

Jquery ScrollTo问题

我正在使用Jquery ScrollTo,这样当我点击页面顶部的问题时,它将滚动到问题并在屏幕下方进一步回答。 这个function正常(至点) 现在,当我点击一个问题,说在页面的中间,它会滚动,我的导航栏将重叠一半的问题(我正在使用twitter bootstrap固定导航栏) 第二个问题是当我点击Top(应滚动回到页面顶部)时,前3个问题会被导航栏重叠。 如果我从导航栏中删除固定,那么一切正常,但我宁愿保持导航栏固定 我的代码如下 视图 Question 1 Question 2 Question 3 Question 4 Question 5 Q: Question 1Follow the link marked join which will take you to the relevant section.We review each application for membership and aim to let you know within qo working days.Top ^ Q:Question 2A: Follow the link […]

在Flot中显示时间线/线性数据

有谁知道如何让flot显示一种“时间轴”? 例如 Y: Person1| —– ——- Person2| ——- ——- Person3| — —– —- Person4| ——- _____________________ X: Jan Feb March April 我不确定如何在y轴上显示标签并显示数据线性 迄今解决方案:) $(文件)。就绪(函数(){ var d1 = [[(new Date(“01/01/2009”)).getTime(), 5], [(new Date(“10/01/2009”)).getTime(), 5]]; var placeholder = $(“#placeholder”); // plot it var plot = $.plot(placeholder, [d1], {xaxis:{mode:”time”, timeformat:”%b.%y”}}); }); 提前致谢!

如何在父contentEditable div中键入?

如何在子contentEditable div之外输入contentEditable div,而不保留子类,并且不会将contenteditable更改为false。 小提琴 meatball 应该是这样的: meatball spaghetti 不是这个: meatball spaghetti

使用jquery / css精确地垂直对齐sans-serif字体

我试图将sans-serif标题与其他div-Elements中的菜单元素精确对齐,所以基本上这样: 头 ABC 其中A与标题的左端对齐,C与右端对齐。 我使用float来分配-Elements,我计算字体大小以使标题适合div宽度。 问题是我使用的是无衬线字体。 问题在小提琴中得到certificate http://jsfiddle.net/ksuTQ/2/ HEADER HEADER A B C JScript中 resizeHead(“#Hideheader”, “#header”); function resizeHead(p1, p2) { var fontsize = parseFloat($(p1).css(“font-size”)); var spacing = parseFloat($(p1).css(“letter-spacing”)); var initWidth = $(p1).width(); initWidth = initWidth – spacing; var outWidth = $(p2).width(); var s = outWidth / initWidth; s = fontsize * s; $(p2).css({ “font-size”: s […]

用户点击Twitter Bootstrap链接后,如何在移动视图上自动折叠顶部导航栏?

我有一个带有Twitter bootstrap框架的“单页滚动”网站。 在桌面视图中,我的顶部导航栏始终可见,顶部导航栏的不同链接将用户锚定到页面的不同部分。 在移动视图中,默认情况下顶部导航栏已折叠。 用户必须点击顶部导航栏的汉堡菜单将其展开,然后点击链接以自动滚动到该部分。 问题是在移动视图上,在录制链接后,顶部导航栏不会崩溃并保持打开状态,用户必须手动关闭它。 在用户点击仅用于移动视图的链接后,我应该使用什么CSS或JS来自动关闭导航栏?

Magnific-popup根本不起作用

我在这里有些问题。 我已经尝试了好几天了! 我已经在这里查看其他问题以尝试解决我的问题,但我仍然不能让夸张的弹出工作。 我不知道我做错了什么,我搜索谷歌,原始文档,stackoverflow问题,但我的网站只是没有显示弹出窗口。 这是我到目前为止的代码。 $(document).ready(function($){ // Inline popups $(‘#inline-popups’).magnificPopup({ delegate: ‘a’, removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function() { this.st.mainClass = this.st.el.attr(‘data-effect’); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source. }); }); Magnific […]

非输入字段上的角度JS和ng-keydown?

好的我正在将模板加载到ng-include中,如下所示: 指令: ‘use strict’; /*global $:false */ angular.module(‘bawdApp’) .directive(‘about’, function () { return { templateUrl: ‘views/pantone-inner.html’, restrict: ‘AE’, link: function postLink($scope, element) { function border(valueWidth){ $(‘.page_cont_wrap’).css(‘border’, valueWidth+’px solid #aaFFFF’); } $(element).css({‘position’: ‘absolute’}).delay(200).animate({ ‘margin-left’: ‘-160px’, ‘margin-top’: ‘-233px’, ‘left’: ‘50%’, ‘top’: ‘50%’ }, 200); $scope.loadpantone = function loadpantone(){ border(0); $scope.template = $scope.pantonesAbout[0].url; $(‘.top_left_logo.white img’).css(‘position’, ‘fixed’); }; } […]

使用Fancybox与图像映射/video

我正在尝试映射图像。 因此,当点击地图区域时,它会打开一个管video,我发现这个很好的例子,但我无法使用你的管video。 任何帮助将不胜感激,因为即时为非盈利组织这样做,谢谢你 注意我从另一个堆栈流成员发现了这个例子http://jsfiddle.net/ffZ7B/4/:Scoobler 但我无法对他的post发表评论 我正在使用query.fancybox-1.3.4.js HTML jQuery的: $(‘map > area.fancybox’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); var title = $(this).attr(‘title’); var type = $(this).attr(‘rel’); $.fancybox({ ‘title’: title, ‘titlePosition’: ‘inside’, ‘href’ : url, ‘type’ : type }); });