Question

我正在使用facebook作为令牌输入，我想根据我的文本框更改其宽度。

$("input#receiver_id").tokenInput("add", {id : jsonData.id, first_name: jsonData.firstname, last_name: jsonData.lastname}); 
//Token input---------------
    $("#receiver_id").tokenInput(PROJECT_URL+PROJECT_NAME+"mail/get-my-matching-contacts", {
        onAdd: function (item) {
            $("div#receiver_ids_holder").append("<input type = 'hidden' name = 'receiver_ids[]' class = 'receiver_ids' id = '"+item.id+"' value = '"+item.id+"'>");
            $("#jq_receiver_id").attr('placeholder','');
        },
        onDelete: function (item) {
            $('div#receiver_ids_holder input#'+item.id).remove();
        }, 
        theme: "facebook",
        propertyToSearch: "first_name",
        propertyToSearch: "last_name",
        resultsFormatter: function(item){ return "<li><div style = 'width:25px; height:25px; display:inline-block;margin:0 0 4px 0;'><div style = 'width:25px; height:25px; display : table-cell; vertical-align: middle; text-align: center;'>" + "<img style = 'max-width : 25px; max-height : 25px;' src='" + item.url + "' title='" + item.first_name + " " + item.last_name + "'/></div></div>" + "<div style='display: inline-block; padding-left: 10px;'><div class='full_name'>" + item.first_name + " " + item.last_name + "</div><div class='email'>" + item.email + "</div></div></li>" },
        tokenFormatter: function(item) { return "<li><p>" + item.first_name + " " + item.last_name + "</p></li>" },
    });

我试图在其css中给出宽度，但它没有奏效。需要一些直接的帮助。

Answer 1

我在我的html文档中添加了这个样式并为我工作。如果您有兴趣，这是link自定义下拉列表。

<style>
ul.token-input-list-facebook
{
   width:100%;
}
</style>

<script>
 $(document).ready(function(){
 $("ul").css({"width":"100%";});
});
</script>

我们可以像令牌输入一样改变facebook的大小（宽度）吗？

1 个答案: