Javascript-change变量

Javascript-change变量,javascript,jquery,variables,button,twitter,Javascript,Jquery,Variables,Button,Twitter,我正在尝试构建一个页面,该页面将显示Twitter搜索结果的滚动列表(使用Twitter.search for jQuery)。用户应该能够通过单击按钮更改搜索词(因此,单击“Apple”将搜索词更改为“Apple”) 我正在使用一个变量来设置搜索词。将该变量设置为文本字符串(即searchText=“菠萝”)是有效的。但是,当我尝试使用按钮更改变量时,什么也没有发生 //编辑-按钮似乎没有改变变量。想法?谢谢 <script type="text/javascript"> //se

我正在尝试构建一个页面,该页面将显示Twitter搜索结果的滚动列表(使用Twitter.search for jQuery)。用户应该能够通过单击按钮更改搜索词(因此,单击“Apple”将搜索词更改为“Apple”)

我正在使用一个变量来设置搜索词。将该变量设置为文本字符串(即searchText=“菠萝”)是有效的。但是,当我尝试使用按钮更改变量时,什么也没有发生

//编辑-按钮似乎没有改变变量。想法?谢谢

<script type="text/javascript">
//set default value for searchText
    searchText = "Pineapple";

//this sets up our Twitter stream
    $(document).ready(function() {

        $('#twitter-stream').twitterSearch({ 
        term: searchText, 
        // no fade 
        animOut: { opacity: 1 }, 
        avatar:  false, 
        anchors: false, 
        bird:    false, 
        colorExterior: 'white', 
        colorInterior: 'white', 
        pause:   true, 
        time:    false, 
        timeout: 2000 
        });
    });
</script>

<script type="text/javascript">
    $("#button-container").on("button", "click", function( e ) {
        searchText = $(this).text();
    });
</script>

//设置searchText的默认值
searchText=“菠萝”;
//这设置了我们的推特流
$(文档).ready(函数(){
$('#推特流')。推特搜索({
术语:搜索文本,
//不褪色
animOut:{opacity:1},
阿凡达:错,
主持人:错,
小鸟:错,
颜色外观:“白色”,
彩色内饰:“白色”,
停顿:是的,
时间:错,
超时:2000
});
});
$(“#按钮容器”)。在(“按钮”,“单击”,函数(e){
searchText=$(this.text();
});


苹果
点击我!

此代码效率非常低,您可以使用jQuery定义一个函数来处理按钮的所有单击事件,而不是4个几乎相同的函数

在上使用jQuery的
委派您的事件:

$("#someContainerDiv").on("button", "click", function( e ) {
    searchText = $(this).text();
});
这消除了对值数组的需要,因为您只需要获取按钮本身的内部文本

参考资料


这是关于jQuery的一些信息,这是关于它所替代的函数的一些信息。

这段代码效率很低,您可以使用jQuery定义一个函数来处理按钮的所有单击事件,而不是4个几乎相同的函数

上使用jQuery的
委派您的事件:

$("#someContainerDiv").on("button", "click", function( e ) {
    searchText = $(this).text();
});
这消除了对值数组的需要,因为您只需要获取按钮本身的内部文本

参考资料


这是关于jQuery的一些信息,这是关于它替换的函数的一些信息。

为什么不使用一个隐藏字段并将隐藏字段值设置为您设置的值?为什么不使用一个变量并将隐藏字段值设置为您设置的值?或者有点不同nt,如下所示:$('.button')。单击(函数(){searchText=$(this.attr('id');});Apple,但归根结底还是一样的。这里唯一让人厌烦的是
。click
处理事件绑定的方式与
上的
不同。如果使用
click
将函数绑定到元素,将其删除,然后重新插入,事件将不再绑定。在本例中,这种情况不太可能,但存在一个大问题在更大的网络应用程序中。值得思考。绝对正确,想法很好。确实可能不是TS的问题,但在你们的脑海中出现这样的事情总是很好。谢谢你们,太多了!仍然有点麻烦,不过-我已经更新了我的问题。哎呀。对它进行了一些调整,现在正在工作。我的错。再次感谢你们。或者bit不同,如:$('.button')。单击(函数(){searchText=$(this.attr('id');});Apple,但归根结底还是一样的。这里唯一让人厌烦的是
。click
处理事件绑定的方式与
上的
不同。如果使用
click
将函数绑定到元素,将其删除,然后重新插入,事件将不再绑定。在本例中,这种情况不太可能,但存在一个大问题在更大的网络应用程序中。值得思考。绝对正确,想法很好。确实可能不是TS的问题,但是在你的脑海中有这样的事情总是好的。谢谢你们,太多了!仍然有点麻烦,不过-我更新了我的问题。哎呀。调整了一点,现在开始工作。我的错。再次感谢你们。