我想使用#锚链接到动态页面的一部分。像这样的东西：
<a href=page.php?id=3#section-name>LINK</a>
它没有用。正确的做法是什么？
我没有使用直接链接，而是使用header("Location:page.php?id=3#section-name")来自另一个脚本的重定向。
我section-name在文件page.php 中有一个名为的部分。我猜page.php在确定要处理的 id 值（3或3#section-name）时有问题。我被重定向到page.php，它的内容垂直重复。
有没有href且没有名字的锚标签是有效的HTML吗？在我们的应用程序中,我们有一些删除链接被禁用(因此没有href属性),但仍然显示给用户.
我代表Joshua Muheim发布了这个问题,在相关问题的评论中提到了这个问题.它与原始问题非常相似,但又不同,我认为将其作为一个单独的问题打开是值得的.
核心问题:http: //jsfiddle.net/pipip/P46Xg/
我有一个div带有几段文字的容器,
其中一段是以下锚点<a name="stop" />
容器设置为overflow:hidden
是否可以使用javascript/JQuery设置容器的高度,以便容器的底部正好停在锚点的下方？
添加深度和背景 :http://jsfiddle.net/pipip/yj9dB/
这将用于修改后的JQuery Slider.使用CMS的人可以[readmore] 在 "内容"字段中的任何位置键入内容,该字段将通过PHP替换为上述锚点.通过这种方式,他们可以轻松控制Read More break在容器中的位置.在相关的例子中,我将高度硬编码75px,尽管我想要的是高度取决于name="stop"文本中锚点的位置.
谢谢.如果这是一个糟糕的方式,我会全力以赴!
我有一个很长的表单，表单底部有提交按钮。我在用 required 属性标记的表单中有多个输入字段。因此，当前几个输入字段之一留空并且我向下滚动以单击提交时，错误“请填写此字段”正确出现在浏览器顶部的第一个错误中。但是，我必须一直向上滚动到顶部才能输入。如何让它自动向上滚动以关注第一个输入错误？
如果我的网址是这样的:http ://www.thisisawebsite.com/page.php#about
我怎么做到这一点,当点击链接时,它会转到标题"about",或者我去的其他地方欲望？
我查看了一些标签界面(包括jQuery UI)的解决方案,并且标记始终遵循相同的ul-li-a模式:
<ul class="tabs">
<li><a href="#tab1">Title 1</a></li>
<li><a href="#tab2">Title 2</a></li>
</ul>
这被认为是最佳做法,为什么？到目前为止,我一直使用span或div标签,一切正常.另外,为什么"a"标签？它们只是在这里触发旧浏览器上的悬停和活动状态吗？
这似乎是一个愚蠢的问题,但是:
所以我想要做的是设置一个菜单部分,这样当用户点击该部分的标题时,它会将它们发送到页面上的特定位置而不必缩小.我不完全确定这将如何工作或实现多么复杂.
我真的很棒
菜单
第一项(是一个链接)
第二项(是一个链接)
等(是一个链接)
然后进一步向下
第一项(点击菜单中的第一项页面到此处)
"这里的细节"
第二项(单击菜单中的第二项页面到此处)
"详情在这里"
我到底该怎么做呢？
非常感谢任何帮助或建议.谢谢.
我有一些javascript,可以平滑滚动到任何点击的#anchor-id(适应此).对于某些页面,它会抛出$target.offset(...) is undefined错误,并停止工作,我不明白为什么.
我做了一些测试,据我所知,它似乎与页面的长度有关.保持所有变量相同,只改变内容量,发生错误(在完全相同的页面上).
奇怪的是,我无法在jsfiddle上重现这种效果,它在那里工作得很好,每一个长度.有谁知道如何解决这个错误？可能是什么原因造成的？
这是我正在使用的javascript(我在每个页面的底部链接到它,在</body>标记之前和加载jquery 1.10.2之后立即):
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
var locationPath = filterPath(location.pathname);
var scrollElem = scrollableElement('html', 'body');
$('a[href*=#]').each(function() {
var thisPath = filterPath(this.pathname) || locationPath;
if ( locationPath == thisPath
&& (location.hostname == this.hostname || !this.hostname)
&& this.hash.replace(/#/,'') ) {
var $target = $(this.hash), target = this.hash;
if (target) {
var targetOffset = $target.offset().top;
$(this).click(function(event) {
event.preventDefault();
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() { …我的代码类似于下面的代码重复每页的不同镜头数量.我的目标是打开一个弹出窗口并直接通过网址进行特定拍摄
www.example.com/shot/#12.
出于某种原因,这在IE和Chrome中运行良好但在Firefox中没有.在Firefox中,它会指向不同的东西,但会打开弹出窗口.
<repeater>
<div>
<div>
<a href="#ShotNumber" name="#12">
</a>
</div>
<div>
HTML FOR EACH SHOT
<div>
<div>
<repeater>
在我目前的项目中,我有一个包含在div中的表,其中有10个单元格水平放置.这是使用下面的代码完成的......
<div id="dashboard">
<table>
<tr>
<td><div id="cell1"></div></td>
<td><div id="cell2"></div></td>
<td><div id="cell3"></div></td>
<td><div id="cell4"></div></td>
<td><div id="cell5"></div></td>
<td><div id="cell6"></div></td>
<td><div id="cell7"></div></td>
<td><div id="cell8"></div></td>
<td><div id="cell9"></div></td>
<td><div id="cell10"></div></td>
</tr>
</table>
</div>
我已经有代码说如果用户点击与表格中的单元格对应的按钮,则单元格将突出显示黄色.由于表的宽度大于页面容器的水平宽度,我不得不将div表溢出属性设置为auto.如何使用,如果用户单击某个特定单元格的按钮,该按钮不在视图中或仅在视图中有一部分单元格,则表格将自动水平滚动(左侧或右侧,具体取决于单元格的位置和当前视图)到该特定单元格.
有没有一个JavaScript解决方案可以让我这样做？
我想在#somethingHTML页面中添加一个.
这方面的一个例子是#History在http://en.wikipedia.org/wiki/Stack_Overflow_(website) .
我该怎么做？
我有一个页面,让我们说第2页,填写了几个<section>:
<section class="box special" id="section1">
//
</section>
<section class="box special" id="section2">
//
</section>
<section class="box special" id="section3">
//
</section>
<section class="box special" id="section4" style="background:#3399ff;">
//
</section>
然后我有另一页,page1,我想在其中放置一个锚链接
<ul class="actions">
<li><a href="page2.php" class="button">Link to page2</a></li>
</ul>
我想要实现的是设置这个锚点链接,以便在第2页中找到特定<section>的,而不仅仅是在第2页的顶部.那可能吗？如果是这样,怎么样？
我有很长的产品清单,每种产品都有我的形式:
<form action="index.php" method="post">
<input type="hidden" name="prodid" value="<?= $id ?>" />
...
</form>
我想跳转到产品随叫随到的动作:
<a href="#prodid<?= $id ?>">jump to product</a>
...
<a name="prodid<?= $id ?>"></a>
但我必须使用post方法.在get方法中我会使用这个:
<form action="index.php#prodid<?= $id ?>" method="get">
...
</form>
怎么做？