首页 \ 问答 \ Twitter Bootstrap中的弹出窗口(Popovers in Twitter Bootstrap)

Twitter Bootstrap中的弹出窗口(Popovers in Twitter Bootstrap)

 好的，我有以下HTML代码：  
<!DOCTYPE html>
<html>
  <head>
    <title>FastCast</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/footer.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon1.ico"/>
  </head>
  <body>
    <center>
    <h1><b>Welcome to FastCast!</b></h1>
    <div>
    <p><font size="3">FastCast is a web application designed to gather weather information from various sources and display it in an easy-to-read format.</font></p>
    <hr></hr>
    <div id="picDiv">
    <img id="imgDisp" src="logo.jpg">
    </div>
    <p><font size="6">Enter you location to get started.</font></p>
    </div> 
    <form class="form-inline" role="form">
    <div class="form-group">
    <input type="text" class="form-control" id="Location" placeholder="ex. Boston, MA">
    </div>
    </form>
    <p><i>Press enter to continue.</i></p>
    <a id="test">Click me</a>
    <script>
    window.onkeydown = function(event) {
        if (event.keyCode === 13) {
            var x = document.getElementById("Location").value;
            var last2 = x.slice(-2);
            alert(last2);
        }
    }
    var i = 0;
    $('a#test').click(function() {
        i += 1;

        $('a#test').popover({
            trigger: 'manual',
            placement: 'right',
            content: function() {
               var message = last2;
                 return message;
            }
        });
        $('a#test').popover("show");

    });
    </script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    </center>
    </body>
    <div class="footer" id="footer">Developed in Twitter Bootstrap | Information from openweathermap.org | Tyler Jablonski, 2014+</div>
</html>
 
 到最后，我有一个链接，上面写着“点击我”。 如您所见，在随后的脚本标记中，我有一些代码如下所示：  
var i = 0;
    $('a#test').click(function() {
        i += 1;

        $('a#test').popover({
            trigger: 'manual',
            placement: 'right',
            content: function() {
               var message = last2;
                 return message;
            }
        });
        $('a#test').popover("show");

    });
 
 我希望这个代码在单击链接时会激活一个弹出框，但由于某种原因，它不起作用。 什么都没发生。 为什么会这样，如何在Bootstrap中正确制作一个popover然后让它显示一个JavaScript变量？  
 谢谢！ 

Okay, so I have the following HTML code: 
<!DOCTYPE html>
<html>
  <head>
    <title>FastCast</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/footer.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon1.ico"/>
  </head>
  <body>
    <center>
    <h1><b>Welcome to FastCast!</b></h1>
    <div>
    <p><font size="3">FastCast is a web application designed to gather weather information from various sources and display it in an easy-to-read format.</font></p>
    <hr></hr>
    <div id="picDiv">
    <img id="imgDisp" src="logo.jpg">
    </div>
    <p><font size="6">Enter you location to get started.</font></p>
    </div> 
    <form class="form-inline" role="form">
    <div class="form-group">
    <input type="text" class="form-control" id="Location" placeholder="ex. Boston, MA">
    </div>
    </form>
    <p><i>Press enter to continue.</i></p>
    <a id="test">Click me</a>
    <script>
    window.onkeydown = function(event) {
        if (event.keyCode === 13) {
            var x = document.getElementById("Location").value;
            var last2 = x.slice(-2);
            alert(last2);
        }
    }
    var i = 0;
    $('a#test').click(function() {
        i += 1;

        $('a#test').popover({
            trigger: 'manual',
            placement: 'right',
            content: function() {
               var message = last2;
                 return message;
            }
        });
        $('a#test').popover("show");

    });
    </script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    </center>
    </body>
    <div class="footer" id="footer">Developed in Twitter Bootstrap | Information from openweathermap.org | Tyler Jablonski, 2014+</div>
</html>
 
Towards the end I have a link that says "Click me". As you can see, in the script tags that follow, I have a bit of code that looks like this: 
var i = 0;
    $('a#test').click(function() {
        i += 1;

        $('a#test').popover({
            trigger: 'manual',
            placement: 'right',
            content: function() {
               var message = last2;
                 return message;
            }
        });
        $('a#test').popover("show");

    });
 
I was hoping that this code would active a popover when the link is clicked, but for some reason, it doesn't work. Nothing happens at all. Why is this, and how can I properly make a popover in Bootstrap and then have it display a JavaScript variable? 
Thanks!

原文：https://stackoverflow.com/questions/21346524

更新时间：2023-02-15 22:02

最满意答案

Linux Kernel version ：3.4.0-gac9222c
也有4.4.2 内核是3.0.8
不可一概而论的

其他回答

一、需要准备的东西

1
手机必须要root，没有的度娘解决。
2
首先安装 终端模拟器 软件，稍后有用，度娘一下搞定了。

3
然后是busybox，这是一款高度集成的linux小工具集合，也很容易找到，安装好就行。

4
安装android vnc ，用于连接远程桌面。

5

手机内核必须支持loop和ext2文件系统，实践证明ext3，ext4也是可以的。
（1）检验是否支持loop设备
打开 终端模拟器，键入命令 ls /dev/block看是否有loopn设备，n是数字。
（2）ext支持不好确定，多数安卓都支持，毕竟是linux系统出身嘛，后续交代。

6

由于sourceforge服务器在地球的另一面的美国，所以访问速度自然是不用吐槽的啦，不过还好镜像服务器还是不少的，可以百度搜索sorceforge镜像
选择你喜欢用的系统下载下来吧。
这里要下载两个文件
（1）、镜像文件
有三个版本，完整版(large)、精简版(smalll)、核心版(core)
可以在服务器相应文件夹下找到zip文件，大小约500mb，解压出来2gb左右。
* 注：完整版和精简版有桌面程序，核心版只有命令行界面
（2）、脚本文件
在相应linux发行版文件夹里面找到，带script的zip文件就是了，也下载下来。

end
二、后续操作

下载镜像和脚本文件之后在/sdcard上创建一个文件夹，名字与相应的linux发行版名字相同，将下载到的zip文件解压到此处，镜像和脚本都要解压到这个文件夹。
比如笔者的ubuntu 10.04就是在/sdcard上创建一个名为ubuntu的文件夹，然后把ubuntu.img和ubuntu.sh解压到/sdcard/ubuntu/即可。

然后就是最重要的一步修改脚本了，许多人不成功就是这里没有修改了。
先看一下脚本文件吧！所有的脚本都是差不多的欧！
如图

找到图上第三行的位置，
mount -o remount,rw /dev/block/mmcblk0p5 /system
我们看到这是挂载/system为 可写 状态，但是这里却是挂载的固定是'/dev/block/mmcblk0p5'，这肿么可以？？要知道安卓的硬件是遍地开花、各式各样都有，/system的所在的设备也各不相同，比如我的是在/dev/block/mmcblk0p19，以前用的是mmcblk0p12，根本不可能统一的

所以我们需要找到/system究竟对应的是那个分区。
方法：给个比较可靠的方法吧，下载一个和你的手机相对应的刷机包，打开\meta-inf\com\google\android\updater-script文件，搜索"/dev/block"关键字，找到一条与system相关的一行，看到了这样一行
format("ext4", "emmc", "/dev/block/platform/msm_sdcc.1/by-name/system", "0", "/system");
那个带/dev/block的那个就是你的system分区，用它来替换原来脚本的那一个 /dev/block/mmcblk0p5吧！
我的修改结果是 
mount -o remount,rw /dev/block/platform/msm_sdcc.1/by-name/system /system
这里因人而异，不要照搬哦！

然后打开终端模拟器，测试一下
1.输入 su 并回车，获取root权限
2.输入 cd /sdcard/ubuntu 进入脚本文件所在目录，这里ubuntu替换你创建的文件夹名字
3.输入 sh ubuntu.sh ，运行ubuntu系统
到这里理论上是应该成功了
出现图一这样的情况时就要输入分辨率了，我的是1280x720，比较常用的还有800x600等
输入1280x720 ，回车 

等待出现 root@localhost:/# 你的linux已经启动成功啦
终端模拟器以经连接到ubuntu的终端了
但是没有桌面让我们怎样愉快的玩耍呀？
所以打开androidvnc，配置一下 参数
nickname：随便写
password ：你的linux名称，我的是ubuntu
address ： 因为是本机运行，所以写 localhost 或者 127.0.0.1
port : 默认5900
username：root
color format ： 24-color (4bpp)

然后点击左上角connect即可
然后就看见了我们期待已久的ubuntu界面里

但是还有个问题，不支持中文是一个蛋疼的问题啊
所以在安卓系统上找个中文ttf（直接复制/system/fonts/droidsansfallback.ttf也是可以的）放到/sdcard
进linux系统后复制字体到
/usr/share/fonts/truetype/ttf-dejavu
重启就能再见到亲切的中文了！

在linux界面下
1.音量键相当于键盘的上下箭头↑↓
2.双指可以缩放界面，双指滑动可以滚屏
3.按下菜单键-send 可以 触发特殊键 比如 ctrl + alt + delete 关机重启
4.菜单键- input mode 可以选择 鼠标操作方式 ， 推荐选择touchpad 把触屏当触摸板用

Twitter Bootstrap中的弹出窗口(Popovers in Twitter Bootstrap)

最满意答案

其他回答

相关问答

安卓手机怎么安装java应用？[2022-10-18]

安卓手机可以直接装Linux吗[2022-08-05]

安卓手机助手，安卓手机助手下载[2022-06-25]

给我一个安卓版91手机助手的网站丶是手机版本的。[2022-03-21]

91手机助手安卓版如何连接[2023-01-17]

把java的web系统部署到安卓手机里[2022-05-23]

安卓系统手机有哪些[2022-07-30]

安卓手机不能用rookiecam吗[2022-05-24]

怎么把安卓手机投屏？[2022-02-25]

安卓手机下载telegram[2022-07-13]

相关文章

最新问答