javascript - 跳转到页面部分并执行 JavaScript 函数

标签 javascript jquery codeigniter

我正在尝试使用 Codeigniter + Smarty + javascript 创建常见问题解答页面

这段代码:

$(document).ready(function() {
    $('dd').hide(); 

    $('dt').click(function(){ 
        $(this).next('dd').slideToggle('slow'); 
    });

    $('a.close').click(function (){ $(this).parent('dd').slideUp('slow'); });
 }); 

我的 .tpl 文件类似于

<dl>
    <dt>Question one</dt>
    <dd>Answer to question one</dd>
</dl>

我试图让页面根据url跳转到某个问题。例如:www.example.com/faq#q11跳转到问题 11。我使用 <span id='q11'> 执行此操作但我现在有其他问题。当我输入网址时,问题就出现了,我的意思是如果我实际上去 www.example.com/faq#q11浏览器将我带到问题,但我必须单击它才能切换答案。

我希望当我输入某个问题的 URL 时,它会自动切换该答案。

最佳答案

这是你准备好的函数:

if(window.location.hash)
    {
        //set the value as a variable, and remove the #
        var hash_value = window.location.hash.replace('#', '');
        //something like $('#'+hash_value).toggle();
    }

编辑:未经测试,但您可能可以使用$(window.location.hash),因为window.location.hash已经包含ID选择器。

关于javascript - 跳转到页面部分并执行 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18688065/

相关文章:

javascript - 为什么这个 jQuery 不在点击时触发? (带单选按钮)

php - 如何在 codeigniter 中显示消息?

php - MySQL 的 KEY 的 '_idx' 后缀是什么?

javascript - 为什么 MathJax 在我的 JavaScript 代码的输出中似乎无法正常工作?

javascript - 具有可编辑功能的 jQuery 数据表不适用于服务器端处理

javascript - 定位固定元素以粘贴其兄弟元素的边缘

php - 将 CodeIgniter 语言文件转换为 .po(用于 gettext)

javascript - 如何使我的嵌套 ListView 可折叠和可展开

javascript - document.write 清除页面所有控件

javascript - 使用 jQuery 离开页面