Tag: html

通过单击下一步和后退按钮显示一组div: 我有5个包含副本的div。我有一个后退和下一个按钮，以显示每个div。 Back | Next this is example copy this is some more copy some more copy this is the last div //隐藏div，除了第一个。 .vote-result { display: none; } .vote-result.first { display: block; } 第一次单击下一个按钮链接时，我想删除关闭类，将其显示为可点击，我可能也应该首先禁用该链接并重新启用它。 $(“.back-btn”).removeClass(“off”); 一旦我显示最后一个div，我需要将off class添加到next-btn并禁用它。我想过使用旋转木马js插件来实现这个目标，但现在已经有点过头了。我知道一种方法可以做到这一点，但它会涉及根据点击的下一个或后一个按钮为链接分配子类，因此它将知道接下来要显示的div，以及删除或添加off class到链接。我希望找到一个解决方案，允许我添加更多的div来显示而不修改代码。感谢任何帮助，谢谢。

setInterval的问题: 我正在使用jQuery和一些javascript创建一个简单的幻灯片，但我遇到了使用setInterval函数的问题。 JSFiddle项目 $(document).ready(function () { slidePos = 1; autoScrollInterval = setInterval(function () { slidePos = SlideRight(slidePos) }, 7000); $(“.ss-indicator-arrow”).css(“width”, $(“.ss-slideshow”).width() / $(“.ss-slide”).length); $(“.ss-right-arrow”).click(function () { window.clearInterval(autoScrollInterval); slidePos = SlideRight(slidePos); setTimeout(function () { autoScrollInterval = setInterval(function () { slidePos = SlideRight(slidePos) }, 7000); }, 10000); }); $(“.ss-left-arrow”).click(function () { window.clearInterval($.autoScrollInterval); slidePos = SlideLeft(slidePos); setTimeout(function () { […]

GIF没有动画页面加载: 我正在尝试创建一个启动页面（我知道，我试图说服他），它显示徽标动画（.gif）和一个进入网站的按钮。到目前为止，我有一个包含图像的div ，但是，图像并不像人们期望的那样动画。令人惊讶的是，每次在Internet Explorer中都会对图像进行动画处理。我该如何解决这个问题？我尝试用jQuery在页面加载后注入图像无济于事。 $(document).ready(function() { $(“#splash”).append(“”); })

如何防止在使用jquery浏览时看不到任何图像: 我想要做的是，如果用户单击浏览文件，他应该看到图像只有其他文件。如何使用jquery做到这一点？我的问题是，当我浏览时，我可以看到并选择除图像之外的其他文件。当前输出： http ： //jsfiddle.net/LvsYc/3123/ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘#Picture’).attr(‘src’, e.target.result); } reader.readAsDataURL(input.files[0]); } } $(“#imgInp”).change(function(){ readURL(this); });

使用搜索按钮创建响应式导航栏: 我正在尝试使用bootstrap创建一个响应式导航栏。我想建立像http://wordpress.org/support/topic/want-to-move-search-option-from-header-to-navigation-bar 。。但搜索按钮不会向右移动，折叠时标签会分开并移动到下面的一行。在下载Wordpress按钮的地方我想要LogIn和SignUp按钮。折叠品牌名称时，搜索按钮和打开菜单的栏应显示在同一行中。有人可以告诉你怎么做吗？看我的代码 Brand Name Home Highlights Test Yourself Interesting Questions Ask Queries SignUp LogIn .navbar { min-height: 120px; } .navbar .container { padding-top: 20px; padding-bottom: 20px; } .navbar-nav>li>a { text-transform: uppercase; font-family: “jokerman”; font-size: 16px; } @media (min-width: 768px) { .navbar-nav { margin: 0 auto; display: table; table-layout: […]

带有可滚动，固定列的Bootstrap网格: 我正试图在我的Django页面上实现一个Bootstrap 3布局，而CSS（或我缺乏CSS技能）让我发疯…这个页面允许我将学生分成小组，我正在尝试使它漂亮可用于CSS。我们的想法是在左侧有一个较小的列，其中包含未分配的学生（全部在面板中），并且在右侧有一个包含组的面板的大列。这个截图应该解释这个概念：当我尝试粘贴左列并使用滚动时，问题就开始了。到目前为止，我所做的每一次尝试都做了一些破坏网格布局的奇怪事下面的尝试使左列水平可滚动，即使只有空的空间，这使得移动面板很痛苦（我简化了Django的东西，所有这些都有效）。 Not assigned {% for student in group.0 %} {{ student }} {% endfor %} {% for i in number_of_groups %} Group {{ i|add:”1″ }} {% for student in group %} {{ student }} {% endfor %} {% endfor %} 最后的“保存组”按钮是另一种痛苦，因为它有时会出现在左栏的中间。相关的CSS如下： .connectedLists { min-height:100px; } /* to allow […]

jQuery动态表单，PHP $ _FILES为空: 我需要在jQuery中动态创建一个HTML表单，当我单击提交按钮时，我将表单数据通过Ajax发送到’add_sw.php’进行处理。但我的问题是这个PHP脚本无法访问PHP $ _FILES变量，因此它是空的.. 这是js相关的js代码： $(“body”).on(“click”, “#submit”, function() { var frm = $(‘#sw_add’); frm.submit(function (ev) { $.ajax({ type: frm.attr(‘method’), url: frm.attr(‘action’), data: frm.serialize(), success: function (data) { alert(‘ok’); } }); ev.preventDefault(); }); }); $(“body”).on(“change”, “select”, function() { var tag = $(“”); var content = “”; content += “”; content += “Fájl:”; content += “”; content […]

jquery mouseover事件两次触发: $(function(){ $(‘#webs’).mouseenter(function(){ $(‘#websitehov’).fadeIn(‘slow’); }); $(‘#webs’).mouseleave(function(){ $(‘#websitehov’).fadeOut(‘slow’); }); }); 我知道有很多问题，但我已经尝试了一些但仍然没有工作，我尝试了不同的事件处理程序，包括.hover，.mouseover和.mouseenter。图像hover/hover效果在进入时会多次触发，每当我在图像中移动鼠标时，两个事件就会开始触发。我发现一个解决方案阻止了这个： (function(){ $(‘#webs’).hover(function(){ $(‘#websitehov’).fadeIn(‘slow’) }, function() { }); }); 但这只适用于hover而不是hover，因为空函数是mouseout事件处理程序，idk如果你可以覆盖它？

jquery .load（）函数只在第一次工作: 所以我有一个网站，我正在使用jQuery和jQuery UI作为个人网站以前我一直在使用隐藏的HTML代码，只是使用jquery来显示它。但它使我的html文件凌乱，所以我想使用jquery的.load（）来做同样的事情，但是从外部文件。现在，它设置为.clickfunction。对于我隐藏的html，每次单击特定元素时都会显示它。当您单击其他元素时。它隐藏了第一个。我正在做一个有2个class级的div。问题是，当我尝试将html加载到隐藏的div中，然后显示并隐藏它时，它只在第一次工作。够了，这是我的代码。＃1有效，＃2仅适用于第一次点击。并且每次都留下imagearea空白。 $(“.jquery”).click(function(){ clearImageArea(); hideThumbnails(5); showThumbnails(); $(“#1”).click(function(){ $(“.imagearea”).html(js); $(“.jscode”).show(1000); $(“.title”).text(“Extending jQuery”); }); $(“#2”).click(function(){ $(“.jquery2”).empty(); $(“.jquery2”).load(“jqueryEx.html”); var jquery2 = $(“.jquery2”); $(“.imagearea”).html(jquery2); $(“.jquery2”).show(1000); $(“.title”).text(“Extending Jquery Example”); }); }); 现在我隐藏的东西在我的html文件中首先我的html和js代码从jqueryEx.html加载到这里，并通过$(“.hidden”).hide();在我的javascript中的其他地方.hide $(“.hidden”).hide(); 然后通过.html()加载到imagearea中并通过.show() 我的另一个div看起来像是通过点击＃1放入imagearea //很多js代码转义为html 在我的JS代码的其他地方，我有var js=$(“.jscode”); 将它加载到您之前看到的js变量中。如果你想看到我工作的过时的例子，请访问www.3realsoft.com（只有cs和js工作技能）如果你想查看我的代码的任何其他部分，请问。其中大部分都在我的网站上。

从页面中选择所有’a’元素？: 我想选择一个带有some text的链接然后我把： $(“a[text=’some text’]”) 但是没有用，那么我想测试从页面中选择所有链接。 $(“a”) 但是这个jquery select指令只给了我页面的第一个或者最重要的链接。为什么？这里有一个例子：提前致谢。