[英]How can I trigger a link when using jQuery TreeView Plugin?
我有一個JSP頁面,該頁面使用jQuery treeview插件創建一個treeview。 現在,我要選擇單個文件,這意味着我想在單擊文件時打開一個URL。 我嘗試了幾個例子,但沒有一個奏效。 這是一個示例html頁面:
<ul id="browser" class="filetree">
<li><span class="folder">Folder 1</span>
<ul>
<li><span class="file">Item 1.1</span></li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
<ul>
<li><span class="folder">Subfolder 2.1</span>
<ul id="folder21">
<li><span class="file">File 2.1.1</span></li>
<li><span class="file">File 2.1.2</span></li>
</ul>
</li>
<li><span class="file">File 2.2</span></li>
</ul>
</li>
<li class="closed"><span class="folder">Folder 3 (closed at start)</span>
<ul>
<li><span class="file">File 3.1</span></li>
</ul>
</li>
<li><span class="file">File 4</span></li>
</ul>
JavaScript:
<script type="text/javascript">
$(document).ready(function(){
$("#browser").treeview({
toggle: function() {
console.log("%s was toggled.", $(this).find(">span").text());
alert("do something");
}
});
// fourth example
$("#black, #gray").treeview({
control: "#treecontrol",
persist: "cookie",
//cookieId: "treeview-black"
});
});
</script>
我該如何實施?
Hiya demo here:) http://jsfiddle.net/yeMy9/1/ && http://jsfiddle.net/yeMy9/2/ (僅當您單擊項目而不是文件夾時才觸發。或http://jsfiddle.net/ yeMy9 / 3 /
現在,當您單擊文件夾中的項(如Item 1.1等)時,我已經放置了警報,您可以使用條件語句來決定在何處轉發它。
干杯,我相信這會有所幫助!
jQuery代碼
$(document).ready(function(){
$("#browser").treeview({
toggle: function() {
console.log("%s was toggled.", $(this).find(">span").text());
alert("do something");
}
});
$("li span").click(function(){
alert(' Forward the url when clicked => ' + $(this).text());
//Now forward to the link according to the text() i.e. based
// on Item 1.1 & 2.2 etc...
});
// fourth example
$("#black, #gray").treeview({
control: "#treecontrol",
persist: "cookie",
//cookieId: "treeview-black"
});
});
的HTML
<ul id="browser" class="filetree">
<li><span class="folder">Folder 1</span>
<ul>
<li><span class="file">Item 1.1</span></li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
<ul>
<li><span class="folder">Subfolder 2.1</span>
<ul id="folder21">
<li><span class="file">File 2.1.1</span></li>
<li><span class="file">File 2.1.2</span></li>
</ul>
</li>
<li><span class="file">File 2.2</span></li>
</ul>
</li>
<li class="closed"><span class="folder">Folder 3 (closed at start)</span>
<ul>
<li><span class="file">File 3.1</span></li>
</ul>
</li>
<li><span class="file">File 4</span></li>
</ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.