0

我正在使用 struts2 jquery 树插件在 div 中显示树。问题是树的 CSS 或我的 JSP 页面的 CSS 没有正确加载。

我尝试更改脚本加载的顺序，现在我可以看到我在 JSP 上的所有 CSS 都是所需的，但树没有加载正确的 CSS。

截至目前，我已将jqueryui="true".<sj:head>

<sj:head jqueryui="true"  />    
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>       
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript" src="scripts/myscript.js" ></script>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="themes/Test.css" />
<link rel="stylesheet" href="themes/Custom.css" />
<link rel="stylesheet" href="css/styles.css" />
<script>

$.subscribe('treeClicked', function(event, data) {
      var item = event.originalEvent.data.rslt.obj;
      alert('Clicked ID : ' + item.attr("id") + ' - Text ' + item.text());
});
</script>
<body>
     <s:url var="treeDataUrl" action="GetData"/>
                            <sjt:tree 
                                    id="jsonTree" 
                                    href="%{treeDataUrl}"
                                    onClickTopics="treeClicked" 
                                    jstreetheme="default"
                            />
</body>

注意：我需要包含我在代码中提到的所有 CSS 文件。它们对于我的 UI 是必需的

4

2 回答 2

0

我收集你的问题：
1. jquery-ui-theme 的属性应该是jstreetheme，NOT theme
2. 页面加载时不会调用你的脚本！将其更改为：

$(function(){
    alert("ECHO..."); // check if script called on page load
    $.subscribe('treeClicked', function(event, data) {
        var item = event.originalEvent.data.rslt.obj;
        alert('Clicked ID : ' + item.attr("id") + ' - Text ' + item.text());
    });
});
于 2013-02-06T11:24:29.827 回答
0

现在，我正在用 jquery struts2 做我的项目。当我单击树节点时，我可以调用我的 javascript 方法，所以我想分享我的经验。

请把它写在 sjt 树标签中

onClickTopics="treeClicked"

然后写入脚本标签

$(function(){
$.subscribe('treeClicked', function (event, data){
        // check if script called on page load
        alert("treeClicked");
        //Get the next item, this is the tree node object is selected, many operations need it
        var item = event.originalEvent.data.rslt.obj;
        //Other code written here
        //For example, we want to select the node id suggest, you can write like this
        alert ('Clicked ID : ' + item.attr ("id"));
});
});

希望我的回答对你有所帮助。

于 2013-08-08T08:59:34.970 回答