Tag: html

CSS Only Ellipse(即“…”)折叠和扩展

当用户点击椭圆时,我想要显示一些文本。 以下示例显示了使用jquery时我想到的干净实现。 此示例显示了CSS解决方案的扩展和折叠 $(‘.collapse’).click( function(){ if( $(this).attr(‘dataStatus’) != “visible” ) {$(this) .html(‘{ ‘ + $(this).attr(‘dataText’) + ‘ }’) .attr(‘dataStatus’,’visible’) } else {$(this) .html(‘. . .’) .attr(‘dataStatus’,’hidden’) } }); .collapse { color: black; text-decoration: none; } Tom . . . runs. 我想在不使用任何javascript的情况下实现相同的结果。 (最终,我正在尝试找到一种方法来在Outlook处理的局内电子邮件中重新创建此function,但即使它无法在Outlook中运行,我也会对简单的纯CSS答案感到满意)。 我的第一直觉是使用“已访问”标记,以及“之后”和“之前”内容内容标记。 我发现这种方法有一些过时的支持 ,但最终隐私问题导致“访问”受到严重限制。 任何人都可以想到另一种可以达到预期效果的基于CSS / HTML的实现吗? 也许涉及列表或表单元素的东西 。 考虑到我的最终目标是让它在Outlook中运行,越简单就越好。

需要添加哪些jQuery引用才能使Bootstrap正常工作,在哪里?

我一直在努力与bootstrap和自定义CSS不共存(见此) 我看到我得到了“Uncaught Error:Bootstrap的JavaScript需要jQuery”,因此,基于我在这里找到的(Sridhar接受的答案),我改变了这个: builder.Append(“”); builder.Append(“”); builder.Append(“”); ……到此为止: builder.Append(“”); builder.Append(“”); builder.Append(“”); ……但没有区别。 我需要做些什么来让Bootstrap实现我引用jQuery? UPDATE 我将引号从double更改为single并删除了后备,因此jquery引用现在是这样的: builder.Append(“”); ……但没有区别。 更新2 即使我添加这样的内联样式: builder.Append(“”); ……它不会改变wimpy(几乎不可见)的横向规则。

dataTables在单元格中自动换行

我有一个带有dataTables表的boostrap模式。 我有一个问题,其中内容没有空格或换行符的单元格增加了模态外的表格的宽度。 我怎样才能解决这个问题? 见下图

jquery从php中的选定行中获取内容

这是源代码,当我检查checbox而不是从表中获取所有内容时,它无法获取所选内容…任何人都可以发现我的代码中有什么错误…感谢你的时间 for(k=0;k<=9000;k++) { //each change $("#status"+k).click(function() { for(j=0;j<=numOflimit;j++) { var product_name = encodeURIComponent($('#product_name'+j).val()); alert(product_name); var barcode = encodeURIComponent($('#barcode'+j).val()); var Quantity = encodeURIComponent($('#Quantity'+j).val()); var cart=product_name + barcode + Quantity; alert(cart); $('#cart1').val(cart); } }); });

使用Jquery动态加载的html类

我有一个带有类产品div的动态加载页面。 Jquery没有使用下面的代码看到这个类。 当我点击产品divs时它没有做任何事情。 然而,导航元素上的陈词滥调很好。 有什么方法可以使它吗? $(document).ready(function(){ $(“.nav-element”).click(function(){ var id = $(this).attr(‘id’); alert(id); $(“.nav-element”).css(“background”, “#fff”); $(“#”+id).css(“background”, “#A4CFBE”); $(“.content-white”).load(id+”.html”); }); $(“.content-white”).load(“nav-element1.html”); $(“.product”).click(function(){ alert(“poop”); }) });

同一页面上的多个画廊 – 推进画廊

我使用精选盒子滑块在我的网站上创建了几个画廊,但在同一页面上同时运行两个画廊时遇到了问题。 我在画廊上有一个简单的上一页和下一页按钮。 但是,当我点击下一个或上一个时,它将只运行一个图库而不是为各自的图库操作。 我该如何解决这个问题? 这是代码: JS //Gallery 1 jQuery(document).ready(function($j) { gallery = $j(“#transformed-aviation-gallery”).featuredbox({ width: 940, height: 400, slidesAnimation: “slide-left”, startPositionOffsetX: 0, startPositionOffsetY: 0, slidesSpeed: “slow”, hParts: 1, vParts: 6, blocksWaitInterval: 50, descriptionAnimation: “fade”, descriptionSpeed: “slow”, rotateInterval: 0, slidesReverseAnimation: false, slidesPattern: “random”, previous: “.next”, useFadeIn: true, pauseOnMouseHover: true }); }); //Gallery 2 jQuery(document).ready(function($j) { gallery = […]

jQuery,AJAX:在网站导航中不刷新页面()的一部分

我有一个包含歌曲的网站,底部还有一个.mp3播放器。 当您点击一首歌时,播放器开始播放该歌曲,但当您尝试导航到该网站并让我们说点击一个专辑时,您自然会被重定向到www.mysite.com/?album=test ,因此,歌会停止播放。 每次点击或button ,我都试图让播放器(基本上是播放器所在的 )没有重新加载。 为清楚起见,您可以查看https://soundcloud.com/ 。 这就是我希望我的网站表现得像的方式。 现在,如果我在每个上使用jQueries,页面的URL将保持不变。 我不想发生这种事。 我也听说iframe,是一个糟糕的解决方案。 那么, https://soundcloud.com/和类似的网站如何实现我想做的事情? 有人知道怎么做吗?

移动设备中的Kendo网格刷新问题

我每隔10秒刷新一次kendo.all.min.js网格,我使用了以下代码,并使用了kendo.all.min.js $(document).ready(function () { loadData(); intervalManager(true, TableStatus, 10000); }); var TableStatus = function () { loadData(); } var refreshorderplacedgrid; function intervalManager(flag, animate, time) { if (flag) refreshorderplacedgrid = setInterval(animate, time); else clearInterval(refreshorderplacedgrid); } function loadData() { var grid = $(“#grid”).kendoGrid({ dataSource: { data: [ { ID: ‘1001’, FirstName: ‘Alphy’, LastName: ‘LastName’, category: ‘A’, Markable: true […]

表单根据输入值提交2个不同的错误 – 1不起作用

我在这里发布了一个关于如何使2个错误工作的问题: 使用输入和提交按钮的Multipile表单与Javascript具有相同的操作 如果输入小于15位,我需要2个错误,1个错误,第二个错误是输入以9900开头(如果输入,则存在错误,然后重定向到不同的页面)。 它工作了一段时间,虽然它突然停止发出第二个错误(如果输入以9900开头),页面是: http : //www.unlocker.co.il/shop/sim-unlock-htc-mobile-device/ 每个表单都有自己的id:unlock1,unlock2,unlock3等.JS文件包括: jQuery(function($){ $(‘form#unlock1’).on(‘submit’, function (e){ if($(‘form#unlock1 > input.the_imei’).val().length == 15){ if($(this).val().indexOf(‘9900’) === 0){ alert(‘לפי המספר IMEI, ברשותכם מכשיר CDMA, אנא ראו מידע נוסף בעמוד פתיחת מכשירי CDMA’); window.location = ‘http://www.unlocker.co.il/sim-unlock-cdma-mobile-device’; e.preventDefault(); } return; } alert(‘אנא מלאו מספר IMEI בעל 15 ספרות’); e.preventDefault(); }); }) 表格是: פתח לכל הרשתות […]

JQuery – 如何将外部内容加载到一个div中,使用滑动效果切换div,并自动向下滚动以查看扩展的div

在我的HTML页面上,我有: 4个图像排成一排,1个div直接坐在下面 – 倒塌了。 根据用户点击的图像,我想将相应的外部页面内容加载到该DIV中(使用ajaxpage.js?)。 当内容加载到DIV中时,DIV应该通过滑动操作切换打开。 (使用jquery.togglr.js?) 我还希望浏览器自动向下滚动到扩展的DIV,否则,用户可能看不到额外的内容已被切换打开。 滚动应该有缓动效果。 (使用jquery.scrollTo.js?) 最后,如果用户点击切换DIV打开的同一图像,它应该关闭DIV。 如果用户在DIV已打开的情况下单击另一个图像,则只需加载新内容,而无需关闭并打开DIV。 困难在于如何正确集成所有不同的jquery插件以获得所需的行为? 谢谢。