Question

如何在左侧部分添加div，这只会在鼠标点击黄色部分时显示？这是代码：http://jsfiddle.net/r6p7E/18/

events: {
         mouseOut: function () {
             var serie = this.points;

             $.each(serie, function (i, e) {
                 if (!this.selected) {
                     this.graphic.attr({
                         fill: '#242c4a'
                     });
                 } else {
                     this.graphic.attr({
                         fill: '#fefe0f',
                     });
                 }
              });
          }, 

          click: function(event) {

          }
       }

Answer 1

您可以尝试以下内容：

jQuery：（只是示例部分，请参阅Demo获取完整代码）

click: function(event) {
    //alert("ok");
    $('#testDiv').show();
}

<强> HTML：

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="testDiv" style="height: 400px;">Sample Left Div</div> <!-- Added this -->
<div id="container" style="height: 400px"></div>

CSS：（在同一行显示Div并在加载时隐藏左div）

div {
    display: inline;
}
#testDiv{
    display: none;
}

Updated Demo

Answer 2

为内容添加隐藏容器

<div id="content" style="display:none;"></div>

点击事件中的

执行如下操作

click: function(event) {
    if(event.point.selected){
        $("#content").hide();
    }else{
        $("#content").show();
        $("#content").html(event.point.name)
    }
}

jsfiddle example shows witch content was selected

如何在左侧部分添加div，这只会在鼠标单击时显示？

2 个答案: