切换功能中的第二个功能不起作用

时间:2016-07-19 01:46:25

标签: javascript jquery

我想在点击另一个元素时切换元素的宽度。

我已经使用过某人在此处制作的剧本:http://jsbin.com/ohOZEYI/1/edit?html,css,js,output

并将其替换为我自己的元素:

function a(el){
    $(el).animate({width: "10%"}, 1500);
}
function b(el){
    $(el).animate({width: "100%"}, 1500);
}

$("#mybtn").click(function() {
    var el = $('#container');
    return (el.t = !el.t) ? a(el) : b(el);
});

第一个函数(a)工作正常,并将元素缩小到10%宽度。但第二个功能不起作用。

有人知道为什么吗?

1 个答案:

答案 0 :(得分:0)

pysolr_client = retrieve_and_rank.get_pysolr_client(solr_cluster_id, solr_collection_name) results = pysolr_client.search(Query_term) print(results.docs) 函数不返回DOM节点。它返回一个包含DOM节点的集合的对象。

jQuery

创建一个对象的新实例,该实例恰好包含对ID为var el = $('#container'); 的DOM节点的引用。每次调用该函数时,您都会获得一个全新的container实例,这意味着您的切换永远不会切换。

要解决此问题,您需要将切换数据存储在DOM节点上。

使用.data() method

el