点击李事件它不是完美的工作(click event on li its not work perfe

这是我的xml文件： -

<?xml-stylesheet href="b.xsl" type="text/xsl"?>
<root>
  <child_1 entity_id = "1" value="Game" parent_id="0">
    <child_2 entity_id="2" value="Activities" parent_id="1">
      <child_3 entity_id="3" value="Physical1" parent_id="2">
        <child_6 entity_id="6" value="Cricket" parent_id="3">
          <child_7 entity_id="7" value="One Day" parent_id="6"/>
        </child_6>
      </child_3>
      <child_4 entity_id="4" value="Test1" parent_id="1">
        <child_8 entity_id="8" value="Test At Abc" parent_id="4"/>
      </child_4>
      <child_5 entity_id="5" value="Test2" parent_id="1">
        <child_9 entity_id="9" value="Test At Xyz" parent_id="5"/>
      </child_5>
    </child_2>
</child_1>
</root>

这是我的XSLT代码： -

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" omit-xml-declaration="yes"/>

  <xsl:template match="*" mode="item">
    <xsl:choose>
      <xsl:when test="self::node()/child::*">
        <li>
          <xsl:value-of select="@value"/>
          <xsl:apply-templates select="current()[*]"/>
        </li>
      </xsl:when>
      <xsl:otherwise>
        <li onclick="final()">
          <xsl:value-of select="@value"/>
          <xsl:apply-templates select="current()[*]"/>
        </li>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>

  <xsl:template match="*/*/*">
    <ul>
      <xsl:apply-templates select="*[1] | node()[current()/ancestor::*[3]]" mode="item"/>
    </ul>
  </xsl:template>
</xsl:stylesheet>

在这里，我尝试从XML文件活动
如果最后的李再设置有一个功能作为属性类型，如： -

<li onclick ="final()">One Day</li>

它只能设置最后李其不具有子...
现在我创建一个JavaScript文件用于获取XSLT和HTML output.:-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <title>Untitled Page</title>
    <script>
    function final(){
        $('li:not(:has(*))').click(function(){
        alert('click');
        $('#result').text($(this).text());
        });
        }
    </script>
    <script>
        var xml = loadXMLDoc("final.xml");
        var xsl = loadXMLDoc("b.xsl");



        function loadXMLDocOther(location) {
            xhttp = new XMLHttpRequest();
            xhttp.open("GET", location, false);
            xhttp.send("");
            return xhttp.responseXML;
        }

        function loadXMLDoc(dname) {
            if (window.ActiveXObject) {
                return loadXMLDocActiveX(dname);
            }
            else if (window.XMLHttpRequest) {
                return loadXMLDocOther(dname);
            }
        }        
        function transformOther(xml, xsl, target, selected) {
            var xsltProcessor = new XSLTProcessor();
            xsltProcessor.importStylesheet(xsl);

            if (selected) {
                xsltProcessor.setParameter(null, "selected", selected);
            }

            var resultDocument = xsltProcessor.transformToFragment(xml, document);
            target.innerHTML = "";
            target.appendChild(resultDocument);
        }

        function displayResult() {
            var targetElement = document.getElementById("load");

            // code for IE
            if (window.ActiveXObject) {
                transformActiveX(xml, xsl, targetElement);
            }
            // code for Mozilla, Firefox, Opera, etc.
            else if (document.implementation && 
                     document.implementation.createDocument) {
                transformOther(xml, xsl, targetElement);
            }
        }


    </script>
</head>
<body onload="displayResult()">
    <div id="load">
    </div>
    <div id="result">result</div>
</body>

这是我的javascript代码到最后李单击其价值附加在<div id="result">

<script>
        function final(){
            $('li:not(:has(*))').click(function(){
            alert('click');
            $('#result').text($(this).text());
            });
            }
        </script>

现在的问题是我是去年李单击它的工作，但它的工作有点像for循环。当我尝试一个警告，我得到了这个问题。

这是非常难以知道你正在尝试。为此这里先说明自己在做什么。你产生这样的HTML片段（通过XLST）：

<ul>
    <li>Physical1<ul>
        <li>Cricket<ul>
            <li onclick="final()">One Day</li>
        </ul>
        </li>
    </ul>
    </li>
</ul>

有一个onlclick handlder（ onclick="final()在无子li元素）。

function final(){
        $('li:not(:has(*))').click(function(){
        alert('click');
        $('#result').text($(this).text());
        });
        }

杉杉点击“忠孝节义”项目最后调用（）。多件套新onclick处理程序与不是孩子所有li元素的最终功能。 这是已经一个作为最终的onclick hanlder由于事件传播的下一个点击调用新hanlder和之后最终相同，唯一的元素 。这又安装了一个新的onclick处理程序。现在凌晨已经在元素的三个处理程序。而每次点击增加一项。为了阻止这个你可以尝试使用event.stopPropagation(); 或去除事件处理程序attr('onclick', '').off('click');

function final() {
    var lis = $('li:not(:has(*))');
    lis.attr('onclick', '').off('click');
        $('li:not(:has(*))').click(function(event) {
              $('#result').text($(this).text());
        });
    }

但我更怀疑的选择是错误的$('li:not(:has(*))')
一些更多的评论：
-它不会使很多意义的事件处理程序设置为你的父母<li>元素无论是。由于锂元素包括对方（ 什么是正确的！）点击一个孩子也将触发父元素的处理程序。
- 因此，（也许）你应该添加周围的李元素的内容（文本）元素。 <li><span>Physical1</span><ul><li>... ）
- 比你可以添加onclick处理span元素。
- 如果仅仅是“最后”的元素应该触发事件，则不需要设置任何新的点击功能。

function final(){
        alert('click');
        $('#result').text($(this).text());
        }

点击李事件它不是完美的工作(click event on li its not work perfe

Answer 1:

收藏的人(0)

点击李事件它不是完美的工作(click event on li its not work perfe

Answer 1:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮