JQuery UI корзина покупок во вкладках - После нажатия кнопки рисуйте Highcharts

Я хочу, чтобы пользователь мог выбирать графики до того, как будет нарисована диаграмма Highchart. Поэтому я использовал выпадающую корзину покупок jQuery UI.

После нажатия на кнопку «Продолжить» компьютер должен прочитать выбранные элементы, запросить данные и нарисовать диаграмму.

Ссылка на jsFiddle: http://jsfiddle.net/FG9Fq/4/

// 1) collect items from shopping cart
/*
*  ??
* 
*/

Как я могу собирать данные из корзины?

И почему щелчок по кнопке не запускает функцию drawchart()? По крайней мере, я должен получить предупреждение().


highcharts jquery-ui jquery-ui-droppable
person Susanne92    schedule 05.07.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

1) Удалите все лишние запятые (см.: http://jsfiddle.net/FG9Fq/6/) . В общем, используйте jsLints или jsHints (в jsFiddle), чтобы сделать ваш код немного лучше.

2) Определите функцию следующим образом: drawchart = function() { //set it global Пример: http://jsfiddle.net/FG9Fq/7/

3) Я советую создать простой контейнер (например, массив), и когда вы будете удалять элемент, добавьте этот элемент в этот контейнер. Тогда вы сможете довольно быстро просматривать этот массив и что-то делать с этими элементами.

person Paweł Fus    schedule 05.07.2013
comment
Спасибо. jsfiddle.net/FG9Fq/9 Я делаю array.push((this)) и предупреждаю массив при нажатии на кнопку. Но я просто получаю для каждого элемента [HTML OListElement]. Как я могу получить имя переменной? - person Susanne92; 05.07.2013
comment
Используйте choice[0].innerText, см.: jsfiddle.net/FG9Fq/10 или используйте дополнительный атрибут. - person Paweł Fus; 05.07.2013