使用Jquery ui对话框显示高级工具提示

时间:2013-05-13 09:25:33

标签: jquery jquery-selectors highcharts jquery-ui-dialog

我想将多个文本区域的值显示为高图图形中各个点的工具提示。单击按钮,将打开一个包含文本区域的对话框。单击“确定”按钮,这些输入将显示为各个点的工具提示。高图线图。我可以从文本区域获取输入,但是当我试图将它们放在自定义对话框中时,jquery ui自定义对话框不会与高图图形一起显示..

我已将此代码用于工具提示..

对话框代码..

$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        width: 350,
        height: 500,
        modal : true,
        resizable: false,
        show:"slow"
    });

    $('#button').click(function() {
        $( "#dialog" ).dialog( "open" );
        $("#myDialogText").text("Data");
    });
});

这是js小提琴.. http://jsfiddle.net/RbenU/13/

我已经使用输入选择器从文本区域获取值。我是否需要为自定义对话框添加特定的选择器,否则现有的选择器将起作用?

1 个答案:

答案 0 :(得分:0)

我认为问题在于您包含js库的方式,您有几个jqueryui库,并且在控制台中出错

Object [object Object] has no method 'highcharts'

this one能否正常使用?