时间戳

首页 > 解决方案 > 如果单击选择器，则触发警报

jquery - 如果单击选择器，则触发警报

问题描述

很长一段时间后，我才重新开始编码。我正在创建一个使用效果非常好的全景程序的页面。屏幕上有热点，程序允许我将选择器添加到不同的热点。单击其中一个热点时，如何触发警报（或稍后触发其他警报）？在这种情况下#do_something。

   <style>
#mypanorama {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
</style>
<!-- /end main style -->
</head>
<body>

<div id="mypanorama"></div>

<script src="assets/js/lib/jquery.min.js"></script>
<script src="assets/js/lib/three.min.js"></script>
<script src="assets/lib/jquery.ipanorama.min.js"></script>
<script type="text/javascript">

jQuery

$("#mypanorama").ipanorama({
  "theme": "ipnrm-theme-dark",
  "autoLoad": false,
  "autoRotate": false,
  "autoRotateSpeed": 0.001,
  "autoRotateInactivityDelay": 3000,
  "mouseWheelPreventDefault": true,
  "mouseWheelRotate": false,
  "mouseWheelRotateCoef": 0.2,
  "mouseWheelZoom": true,
  "mouseWheelZoomCoef": 0.05,
  "hoverGrab": false,
  "hoverGrabYawCoef": 20,
  "hoverGrabPitchCoef": 20,
  "grab": true,
  "grabCoef": 0.1,
  "pinchZoom": true,
  "pinchZoomCoef": 0.1,
  "showControlsOnHover": false,
  "showSceneThumbsCtrl": false,
  "showSceneMenuCtrl": false,
  "showSceneNextPrevCtrl": true,
  "showShareCtrl": false,
  "showZoomCtrl": true,
  "showFullscreenCtrl": true,
  "showAutoRotateCtrl": false,
  "sceneThumbsVertical": true,
  "sceneThumbsStatic": false,
  "title": true,
  "compass": false,
  "keyboardNav": false,
  "keyboardZoom": false,
  "sceneNextPrevLoop": false,
  "popover": true,
  "popoverPlacement": "top",
  "hotSpotBelowPopover": true,
  "popoverShowTrigger": "hover",
  "popoverHideTrigger": "leave",
  "mobile": false,
  "sceneId": "scene1",
  "sceneFadeDuration": 3000,
  "sceneBackgroundLoad": false,
  "scenes": {
    "scene1": {
      "type": "sphere",
      "cubeTextureCount": "single",
      "sphereWidthSegments": 100,
      "sphereHeightSegments": 40,
      "image": "upload/my_image.jpg",
      "saveCamera": true,
      "title": "corridor",
      "titleHtml": false,
      "titleSelector": null,
      "hotSpots": [
        {
          "title": "enter",
          "yaw": 107.13427,
          "pitch": -4.22567,
          "imageUrl": "",
          "imageWidth": null,
          "imageHeight": null,
          "link": null,
          "linkNewWindow": false,
          "popoverHtml": true,
          "popoverContent": null,
          "popoverSelector": "#do_something",
          "popoverLazyload": true,
          "popoverShow": false
        }
      ]
    }
  }
});

标签： jqueryselector

解决方案

推荐阅读