1

我有一个用 javascript 和 jquery 编码的网站。我有一个使用jQuery-uiselectable创建的选项列表，当单击按钮时会更改（包含 javascript 代码的按钮）。下面是我的一些代码：

拳头，我的用户界面可选代码...

$(function() {
    $("#selectable").selectable({
        stop: function(){
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function(){
                var seq = $(this).text(); //data -> selected sequence
                showdata(seq); //TODO when sequence is selected
            });
        }
    });

在这里，我的代码构建了一组选项，当单击按钮时将调用这些选项......

function showS2P(){
    var s = '';
    s = s + "<div class=\"listS2P\" align=\"left\">";
    //document.write(arrS2P.length); //show number of patterns per selected zone
    if (arrS2P.length == 0) {
        s = s + "Any pattern found";
    } else {
        s = s + "<ul id=\"selectable\">";
        for (var i=0; i<arrS2P.length; i++){
            s = s + "<li class=\"ui-widget-conten\">"+arrS2P[i]+"</li>";
            //document.write("<h3> "+i+" -> "+arrS2P[i]+"</h3> <br/>");
        }
        s = s + "</ul>";
    }
    s = s + "</div>";
    document.getElementById('selectSeq').innerHTML = s; //selectSeq is a <div> which change when a button is clicked
    $(selectable).selectmenu("refresh");
}

目前，当我单击按钮时，选项显示在 a 中<div>，但显示为纯文本（即，无法单击选项）。请问，有人知道我该怎么做吗？

4

1 回答 1

0

要添加对单击事件的操作，您需要编写以下内容：

$("#selectSeq option").live("click",function(){
   // Here do something
   var val = $(this).val(); // value of option;
   var text = $(this).html(): // text of option;
});

// PS: '#selectSeq' 你可以使用 select 的另一个 id 或 list 的另一个选择器。

于 2012-09-27T23:07:48.050 回答