javascript - 如何使 dynaTree jQuery 插件中的超链接可点击？

Question

我目前正在使用 dynaTree jQuery 插件来渲染一棵树。

<div id="tree" style="height:100px;">

<ul class="expanded">

    <li class="expanded" id="shtml_1" >
        <a class="ajaxify" href="jsTree.html" >Root node 1</a>
        <ul>
            <li id="shtml_2">
                <a href="#">Child node 1</a>
                <ul>
                <li id="a"><a href="#">Child node 1-1</a></li>
                <li id="x"><a href="b">Child node 1-2</a></li>
                </ul>
            </li>               
            <li id="c"><a href="#">Child node 2</a></li>
        </ul>
    </li>
    <li id="shtml_4">
        <a href="#">Root node 2</a>
    </li>
</ul>

Javascript-

  $('.ajaxify').ajaxify({
  target: '#container'
  });

    $(function(){
    $("#tree").dynatree({
      title: "Sample Theming",
      // Image folder used for data.icon attribute.
      imagePath: "skin-custom/",
      onSelect: function(node) {
        alert ("You selected " + node);
      }
    });
  });

现在我要

• 使用 jQuery Ajaxify 插件 (http://max.jsrhost.com/ajaxify/demo.php)，这样当用户点击任何节点时，就会进行 ajax 调用并将结果加载到 div 中。

或者

• 用 jquery 绑定(bind) anchor 标签，这样我就可以发出 onclick ajax 请求。

现在，每当我使用 dynaTree 时，它​​都会覆盖默认行为并阻止 anchor 标记被点击。关于如何做到这一点有什么想法吗？

Answer 1

Dynatree 会默认删除 <a>标签，因此实现 onActivate 处理程序可能更容易:

onActivate: function(node) { 
    if( node.data.href ){
        // use href and target attributes:
        window.location.href = node.data.href; 
//      window.open(node.data.href, node.data.target);
//      $("#div").load(node.data.href);
    }
}

从 1.1.2 版开始，Dynatree 将使用 href和 target属性直接来自 <a>标签:

<li id="x"><a href="b">Child node 1-2</a></li>

在旧版本中，您必须像这样设置 href:

<li id="x" data="href: 'b'"><a href="b">Child node 1-2</a></li>