Tag: html

jQuery的 – 附加一个div到正文，正文是对象？: 当我将div添加到body时，它将返回body作为对象，然后每当我使用它时 – 显然是使用body。坏。码：- var holdyDiv = $('body').append('div'); $(holdyDiv).attr('id', 'holdy'); 握住的“身份证”现在被添加到身体…呃？我究竟做错了什么。

如何在Click – Material Design中创build纹波效果: 我是新来的CSSanimation，我一直试图通过查看他们的代码，使他们的animation工作在最后几个小时，但我不能让它现在工作。我在谈论这个效果： https ： //angular.io/ （菜单效果）。基本上，这是一个点击animation，从鼠标光标展开一个圆圈。似乎归结为这两行： transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1); transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1); PS：也许有一些我没有看到的jQuery。

点击描述时勾选checkbox: 我将创build一个由jQuery和JSON构build的checkbox列表。该列表将是消息可以发送到的组的select。它可能是更多的团体之一。这部分我可以弄清楚。我遇到的问题是如何启用描述，以便当我点击描述时，checkbox被选中。 <div> <label for="group"> Select lists </label> </div> <div> <input type="checkbox" name="group" id="group" value="1" title="Main List" />Main List <input type="checkbox" name="group" id="group" value="2" title="Secondary List" />Secondary List </div>

jquery事件执行后如何保持页面滚动位置？: 我已经search了高和低的答案，并已find类似的问题的例子，但答案不适用于我的情况。现实是我是新来的，因此我没有能力使我find的答案适应我的问题。问题：我有一个Div，当单击缩略图时，Div图像通过JavaScript / jQuery脚本replace另一个图像（我不确定是否有人可以澄清）。这工作正常，但问题是页面滚动回到顶部，然后用户必须向下滚动以查看自己已经取代后的图像。我在网上看了一下，发现返回false：但是JavaScript中可以帮助我查看并返回false已经存在。我看过的另一个选项是基于JavaScript cookie的解决scheme，在该解决scheme中发送cookie，浏览器滚动位置通过读取Cookie来维护，但是我似乎无法得到该解决scheme的工作，我认为这个问题可能会导致因为我在本地托pipe，但我可能是错的… 第三个是使用PHP脚本，但我还没有find这个方法的明确答案，这也意味着我将不得不学习有关PHP（我确信我将不得不及时学习）。这里是JavaScript： <script type="text/javascript"> $(document).ready(function() { $('.galleryicon').live("click", function() { $('#mainImage').hide(); $('#cakebox').css('background-image', "url('ajax-loader.gif')"); var i = $('<img />').attr('src',this.href).load(function() { $('#mainImage').attr('src', i.attr('src')); $('#cakebox').css('background-image', 'none'); $('#mainImage').fadeIn(); }); return false; }); }); </script> 这里是html： <div class="cakecont"> <div id="cakebox"> <img src="..http://img.dovov.comcakes/babycake1.png" alt="Main Image" id="mainImage"/> <div class="pageinfo2"> <h3>Cake Type 1</h3> <h6>£2.00</h6> […]

CSS在每个孩子之后清除: 我有一个容器内有多个宽度相同的项目。由于元素的高度不同，alignment方式有问题，您可以在下面的图像中看到。我想在每一个第三个项目之后清除而不改变html标记，以便第四个项目进入下一行。我试图添加n-child（3）：之后，但似乎不起作用。代码如下： HTML： <div class="list"> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet</div> </div> CSS： .item:nth-child(3):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; […]

HTML <label>命令在Iphone浏览器中不起作用: 在我正在做的一个HTML页面，我试图让div的可点击使用HTML和CSS。这已经在我已经testing过的一些主stream浏览器（Chrome，Firefox，Opera，Safari）以及HTC手机上完美运行，但是当我试图在Iphone上testing它时，我发现它不起作用。 checkbox本身甚至不可选。这是我的（除了iPhone上的代码）代码： HTML： <div class="" style="height: 30px;"> <div style="display: table; width: 100%;"> <div style="display: table-row; width: 100%;"> <div style="display: table-cell;"> <label for="3171">Text….</label> </div> <div style="display: table-cell; text-align: right;"> <input type="checkbox" id="3171" name="3171"> </div> </div> </div> <label for="3171"> <span class="blocklink">Invisible text</span> </label> </div> CSS： .blocklink { display: block; height: 100%; left: 0; overflow: hidden; […]

在Web应用程序中使用True type字体: 目前我看到很多网站使用真正的字体。我想知道如何在我们的应用程序中使用真正的字体，并影响页面的加载时间？

更改/获取CheckBox的检查状态: 我只想用JavaScript来获取/更改CheckBox的值。不，我不能使用jQuery。我试过这样的东西，但它不会工作。 JavaScript函数 function checkAddress() { if (checkAddress.checked == true) { alert("a"); } } HTML <input type="checkbox" name="checkAddress" onchange="checkAddress()" />

居中alignment一个HTML表格: 在我目前正在处理的一个页面上，我似乎无法将表格中间的一个图像放在第一行和两列下面的文本中（两列不应该超过图像的宽度）这是网页： http : //www.puzzles-et-jeux.com/fr/page/minipuzzles.html我花了很多时间试图解决这个问题。我想保持它在HTML中，因为我必须赶时间，也因为我必须创build20页的不同的宽度/布局为每个图像的sorting。

删除Microsoft Edge的电话号码样式: 我注意到，当新的Microsoft Edge浏览器检测到电话号码时，它将覆盖我的样式： <span class="phone">(123)123-1234</span> 看到这个jsfiddle （必须使用Microsoft Edge：P打开）。这种侵入网站的devise，是相当讨厌的。当然，这似乎是IE的继任者的特征：/ 我怎样才能覆盖或禁用这个，所以我的网站用户不会看到它？