Tag: html

使用jQuery哈希来改变URL而不添加书签

希望允许用户浏览页面上的多个选项卡,但是当点击后退按钮时,返回其上一页(无需导航回其选项卡历史记录)。 感觉就像我正在使用的方法中的一个(我更改URL并处理历史记录,或者我不更改URL并且不处理历史记录)。 我查看了HTML History API,它似乎没有直接与此直接对话,也没有找到我发现的很多post。 我希望我的标签可以链接,但不能作为浏览器的单独页面(我疯了吗?)。 非常感谢你。 JavaScript的 //add tab id to url var hash = window.location.hash; hash && $(‘ul.nav a[href=”‘ + hash + ‘”]’).tab(‘show’); $(‘.nav-tabs a’).click(function (e) { $(this).tab(‘show’); window.location.hash = this.hash; }); HTML My First Tab My Second Tab

翻转文本超链接以成为图像

我怎样才能做到这一点? 是否有可能有一个文本超链接,一旦它hover,该文本链接成为一个图像? iv看过图像翻转,但还没有看到或知道如何编码文本到图像翻转。 我只是不知道从哪里开始和使用什么编程语言。 JavaScript的? PHP的? jQuery的? 我开始使用以下代码: Mouseover here 但它的作用是将图像保存在屏幕上,同时将图像加载到屏幕下方。 我希望文本完全摆脱图像。 有帮助吗? 非常感谢提前。

响应表但需要在resize时编辑几行样式

页面是这样的 现在resize它正在改变为这样的事情: 但是我需要最后两行来使用完整的空间,例如结果应该从电子邮件的下面开始,这种中心方法。 表Html是 Employe IdNameEmail 1XyZXyZ@gmail.comResult Output Error 2XyZ2XyZ@gmail.comResult Output Error 3RomonovXyZ@gmail.comResult Output Error jQuery是: ;(function ( $ ) { $.fn.ngResponsiveTables = function(options) { var defaults = { smallPaddingCharNo: 5, mediumPaddingCharNo: 10, largePaddingCharNo: 15 }, $selElement = this, ngResponsiveTables = { opt: ”, dataContent: ”, globalWidth: 0, init: function(){ this.opt = $.extend( defaults, options […]

使用精灵平滑CSS动画

我试图动画我的精灵,它与此类似。 如果有人能展示如何让它更顺畅,我将不胜感激。 我的精灵中只有3张图像。 延迟1秒,所以过渡非常糟糕。 我试过用: from { -webkit-transform: translateX(..); } to { -webkit-transform: translateX(..); } 但它没有用。 我真的很感激任何帮助。

获取新的MySQL条目并动态附加到现有div

我有一个PHP脚本来选择数据库中的注释记录,然后将它们打印到页面上。 我想要发生的是,如果用户在页面上,而另一个用户对所述页面上的项目发表评论,它会自动将新评论附加到底部。 我遇到的问题是我不知道如何区分所有状态。 我生成状态注释的代码是: = 2) { ?> View all comments… <div id="commentbox" class="” style=”padding:5px 5px 5px 5px;”> <img src="https://stackoverflow.com/questions/11229645/fetch-new-mysql-entries-and-append-to-existing-divs-dynamically/” width=”36px” style=” display:inline; position:relative;”/> <a href="https://stackoverflow.com/questions/11229645/fetch-new-mysql-entries-and-append-to-existing-divs-dynamically/profile.php?uid=” style=”position:relative; font-size:13px; margin-left:10px; font-family:Arial; color:#3a3a3a; text-decoration:none;”> <p class="” style=”position:relative; margin-left:5px;”> Like TL:DR; 如何在不刷新页面的情况下自动获取新注释并将其附加到上述脚本中生成的注释中。

一个接一个地改变多个div的颜色

我有一个问题一个一个地改变一些div的颜色。 在页面加载我创建一个div,其中填充了一个15×15 div的正方形(class =’feld’) 我想改变的所有div都有类feld 我的代码到目前为止: $(document).ready(function() { create(); var delay = 1; function create(){ for (z = 1; z < 16; z++) { var zeile = jQuery('’, { class: ‘zeile’, id: z, html: “” }); $(“#wortfeld”).append(zeile); for (s = 1; s < 16; s++) { var div = jQuery('’, { class: ‘feld’, id: s, […]

在移动铬和safari中看不见的元素

在此页面中,在通过jQuery应用类之后,#searchInput元素是不可见的。 我检查了它的可见性没有隐藏,它的不透明度不是0,它的显示不是没有。 我知道元素存在,因为当我将鼠标hover在开发工具中的代码上时,我会看到它的填充和边距。 这种情况发生在移动Chrome和Safari中,但不适用于桌面Chrome和Safari。 可以使用chrome dev工具复制桌面chrome中的问题来模拟移动设备。 以下是如何复制问题: 转到此页面: https : //googledrive.com/host/0BwJVaMrY8QdcMlJSU1J4RmZlSXc/KE_home.html 向下滚动,以便不再显示标题 向上滚动,但不够,以便标题重新进入视图。 应该使用.stickySearch类,它将被固定,并在桌面和移动设备中固定页面顶部; 但是,在移动设备中,它是看不见的。 这是添加类的JS代码: var lastScrollTop = 0; $(window).scroll(function(){ var st = $(this).scrollTop(); if(st235) $(‘#searchInput’).removeClass(‘slideBack’).addClass(‘stickySearch’); else $(‘#searchInput’).removeClass(‘stickySearch’).addClass(‘slideBack’); } else $(‘#searchInput’).removeClass(‘stickySearch’).removeClass(‘slideBack’); lastScrollTop = st; .slideBack没有与之关联的样式,买.stickySearch会: .stickySearch{ width:60% !important; position:fixed !important; left:0; right:0; top:32px !important; } @media only screen and (max-width:678px){ .stickySearch{ width:65% !important; } […]

按钮单击时将标签转换为输入字段的问题

我在这里讨论的post中修改了答案。 在我的应用程序中,我有两个按钮 – 编辑和保存 。 单击编辑时, labels将转换为input字段,用户可以在其中编辑内容并进行保存。 一切正常,但问题是当用户点击两次编辑按钮时, input字段中的内容变为空白,即值变为空白。 请建议我解决这个问题。 我哪里错了? @Html.DisplayFor(m => m.Company) $(document).ready(function () { $(‘#edit’).click(function () { // for company name var companyName = $(‘.text-cname’).text(); var lblCName = $(”) $(‘.text-cname’).text(”).append(lblCName); lblCName.select(); }); $(‘#btnSave’).click(function () { var text = $(‘#attrCName’).val(); $(‘#attrCName’).parent().text(text); $(‘#attrCName’).remove(); }); });

向下滚动页面时如何使徽标出现在固定菜单中

在我的网站上我有一个菜单,当你向下滚动到100像素时,菜单将自己固定在浏览器的顶部(顶部:0px;位置:固定;)。 然而,我需要的是,当菜单处于其原始位置(顶部:100px;位置:相对)时,左侧菜单中的小徽标不显示,但当用户向下滚动页面并且菜单修复为浏览器窗口的顶部(顶部:0px;位置:固定;) 我的代码如下。 我试图做一个JSFiddle,但我不能复制我的html文件中的内容。 CSS #menu, #menu ul { margin: 0 auto; padding: 0; background-color: #FFFFFF; } #menu { display: table; width: 100%; list-style: none; position: relative; top: 0px; text-align: center; -webkit-box-shadow: 0px 3px 23px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 23px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 23px 0px rgba(50, […]

使用jquery一起添加值

我有3个span标签,可以保存每件商品的价格和运费。 我需要将三个span标签添加到一起,以便使用jQuery提出总价。 这是我的代码: Widget 1: $99.99 Widget 2: $14.99 Shipping Fee: $10.00 Total: 我尝试了几种方法,但似乎没有一种方法适合我。