如何使选定的按钮使用哈希值动态更改页面

苏兹·拉森(Suzi Larsen)

我在不重新加载页面的情况下动态更改页面。

目前,我已经对其进行了设置,以便在URL的末尾添加一个#,然后再添加页面名称。

例如; mypage.com/index.php#myview.php

我已经做到了,这样它就可以获取特定div的内容并替换现有页面中的内容。

导航按钮使用href =“ myview.php”进行导航,但是我接下来要做的是将每个内容链接到选定状态的按钮。唯一的问题是,当href匹配网址中的内容后,href匹配内容的末尾时,我无法弄清楚如何告诉要选择的按钮。

$('.boo').delegate("a", "click", function() {

    var newhash  =  "";

    window.location.hash = $(this).attr("href");        
    return false;
});

$(window).bind('hashchange', function() {

    newhash = window.location.hash.substring(1);
    console.log(newhash);

    $(".inner-content").load(newhash + " .control-faders-wrapper");

    if(newhash) {
        alert(newhash)
        $('.boo a').removeClass('selected');
        $('.boo a[href="+newhash+"]').addClass('selected');
    }
});

if(newhash)代码是尝试创建我需要做的事情,但是它行不通,而且我现在不知道从那里去哪里

dfsq

我认为应该是:

$('.boo a[href="' + newhash + '"]').addClass('selected');

现在,您正尝试将a标记与字面值匹配href="+newhash+"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使选定的按钮使用哈希值动态更改页面

来自分类Dev

如何动态使用哈希值?

来自分类Dev

动态更改按钮的值作为下拉列表的选定值

来自分类Dev

如何使用选定的值显示动态内容?

来自分类Dev

如何发布动态生成的多组单选按钮中的选定值

来自分类Dev

JavaScript - 如何获取动态单选按钮名称和选定值?

来自分类Dev

如何在不重新加载页面或使用按钮的情况下显示(选择下拉列表)中的选定文本值

来自分类Dev

如何基于值动态更改页面的CSS?

来自分类Dev

如何使用vue动态更改所选值?

来自分类Dev

如何使用jquery更改materializecss select中的选定值

来自分类Dev

如何在另一个jsp页面上获取选定的单选按钮值?

来自分类Dev

剃刀页面:如何动态更改按钮属性(颜色,文本)以反映后端更改

来自分类Dev

如何动态更改页面布局

来自分类Dev

动态页面不会更改呈现的组件,但是单击“后退”按钮(使用链接)时,URL会更改

来自分类Dev

使用选定的Wordpress更改单选按钮的颜色

来自分类Dev

如何使用动态数据创建动态按钮并以角度获取按钮单击的动态值

来自分类Dev

如何更改按钮值?

来自分类Dev

如何动态更改按钮的背景

来自分类Dev

如何使用新的哈希值更改哈希?

来自分类Dev

使用页面对象在id为动态时如何查找select_list选定的选项

来自分类Dev

如何使用html按钮更改页面而不丢失会话

来自分类Dev

如何在动态生成的列表中使用按钮更改文本?

来自分类Dev

后退按钮导致哈希更改页面陷阱javascript

来自分类Dev

如何获取选定的单选按钮值?

来自分类Dev

下拉值动态更改页面样式

来自分类Dev

如何使用jQuery为每个值动态添加清除按钮?

来自分类Dev

如何使用选定的li列表项的文本更改下拉菜单中按钮的文本-jQuery

来自分类Dev

Ruby:对选定的哈希值求和

来自分类Dev

Ruby:对选定的哈希值求和

Related 相关文章

  1. 1

    如何使选定的按钮使用哈希值动态更改页面

  2. 2

    如何动态使用哈希值?

  3. 3

    动态更改按钮的值作为下拉列表的选定值

  4. 4

    如何使用选定的值显示动态内容?

  5. 5

    如何发布动态生成的多组单选按钮中的选定值

  6. 6

    JavaScript - 如何获取动态单选按钮名称和选定值?

  7. 7

    如何在不重新加载页面或使用按钮的情况下显示(选择下拉列表)中的选定文本值

  8. 8

    如何基于值动态更改页面的CSS?

  9. 9

    如何使用vue动态更改所选值?

  10. 10

    如何使用jquery更改materializecss select中的选定值

  11. 11

    如何在另一个jsp页面上获取选定的单选按钮值?

  12. 12

    剃刀页面:如何动态更改按钮属性(颜色,文本)以反映后端更改

  13. 13

    如何动态更改页面布局

  14. 14

    动态页面不会更改呈现的组件,但是单击“后退”按钮(使用链接)时,URL会更改

  15. 15

    使用选定的Wordpress更改单选按钮的颜色

  16. 16

    如何使用动态数据创建动态按钮并以角度获取按钮单击的动态值

  17. 17

    如何更改按钮值?

  18. 18

    如何动态更改按钮的背景

  19. 19

    如何使用新的哈希值更改哈希?

  20. 20

    使用页面对象在id为动态时如何查找select_list选定的选项

  21. 21

    如何使用html按钮更改页面而不丢失会话

  22. 22

    如何在动态生成的列表中使用按钮更改文本?

  23. 23

    后退按钮导致哈希更改页面陷阱javascript

  24. 24

    如何获取选定的单选按钮值?

  25. 25

    下拉值动态更改页面样式

  26. 26

    如何使用jQuery为每个值动态添加清除按钮?

  27. 27

    如何使用选定的li列表项的文本更改下拉菜单中按钮的文本-jQuery

  28. 28

    Ruby:对选定的哈希值求和

  29. 29

    Ruby:对选定的哈希值求和

热门标签

归档