如何自定jquery代码。修改原有的百度商桥的代码事件！

[yehkevin]

情况是这样的，公司网站加了一个百度商桥的在线聊天。在下班的时候就会显示留言板，但是可以点击留言。
问题现在当点击留言的时候，在[chrome]和[firefox]中留言板不在网页的显示视窗范围， element.style中显示bottom: 795px;

现在我在 chrome 中调式的一段 jquery 的代码

$(document).ready(function(){
$('.bdbridge-group-item).click(function(){
$('#BaiduBridgePigeon').addClass("customer");
$('#BaiduBridgePigeon').removeAttr("style");
$('#BaiduBridgePigeon').css({
"z-index": 2147483647,
"width": "256px",
"bottom": "15px",
"left": "431.5px",
"position": "fixed",
"display": "block",
"height": "321px",
"cursor": "default"
});
});
});

这样怎么点击就在底部显示，。可是在插入到网页中，这段代码就不起作用了，代码在底端

<script src="js_itxdl/baidu.js" type="text/javascript"></script>
<script src="js_itxdl/customer.js" type="text/javascript"></script>
</body>
</html>

### 麻烦坛中的大师给看看是怎么回事

[arbipher]

> 这段代码就不起作用了
第一行就不起作用了吗？是没有运行到这段代码，还是这段代码没有效果？

alert($('#BaiduBridgePigeon').length)
输出是0吗？这个对象有没有正确获取?

$('#BaiduBridgePigeon').css(...)
使用更暴力的, border:5px solid，或者 display:none，看看是否运行到这句了。

[yehkevin]

@arbipher 回复是1

$('#BaiduBridgePigeon').css
得到这个
function (a,c){return p.access(this,function(a,c,d){return d!==b?p.style(a,c,d):p.css(a,c)},a,c,arguments.length>1)}

调式都可以的，就是怎么插入到页面哪个位置，让终端代码有效

[arbipher]

你看看页面加载之后，Chrome的调试窗口的console里面有没有别的部分的js的出错报告，导致这段代码就没有被执行。

[yehkevin]

@arbipher 没有提示，也没有错误信息，
我插入的地方在页面的最底部，在chrome中审查元素下面，看到这个代码还有很多百度的代码

[yehkevin]

@arbipher 这个回复框中怎么插入代码，使代码高亮，这个就是代码
网址是： http://www.robt.cn
<script type="text/javascript" src="js_itxdl/baidu.js">
<script type="text/javascript" src=" http://hm.baidu.com/h.js?cb0211b09d056c1f592a91191606db0d">
<a target="_blank" href="http://tongji.baidu.com/hm-web/welcome/ico?s=cb0211b09d056c1f592a91191606db0d">
<script type="text/javascript" src="js_itxdl/customer.js">
<script language="JavaScript">
<img border="0" src="http://www.sgs.gov.cn/lz/images/icon.gif">
<script language="JavaScript" src="http://s19.cnzz.com/stat.php?id=2868307&web_id=2868307">
<script type="text/javascript" charset="utf-8" src="http://c.cnzz.com/core.php?web_id=2868307&t=z">
<a title="站长统计" target="_blank" href="http://www.cnzz.com/stat/website.php?web_id=2868307">站长统计</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<ins id="LXB_CONTAINER_SHOW" class="lxb-container-btn-show lxb-container-btn-show-11 lxb-pos-left lxb-container-btn-show-11-left" style="display: none; bottom: 0%;"></ins>
<ins id="LXB_CONTAINER" class="lxb-container lxb-container-11-2 lxb-container-11-2-left lxb-pos-left lxb-vertical lxb-pos-middle" style="visibility: visible; bottom: 0%; height: 69px;">
<div id="BDBridgeWrap">
<script type="text/javascript" src="http://qiao.baidu.com/v3/asset/js/m-webim-lite.js?v=20131129" charset="utf-8">
</body>
</html>

[arbipher]

网页看到了，代码也看到了。就是没看懂你的问题。

[chrome]和[firefox]留言板不在网页的显示视窗范围

我这边Chrome、Safari、Firefox下，点击右下角产品咨询，都打开了一个新的窗口。

[yehkevin]

@arbipher 当客服在线的时候，是没有问题，就是下班以后，客户点击留言的时候，留言板不在显示视窗之内。今晚调了一下，当我就建立空的页面，点击留言的时候就显示在正中间，所以可以肯定是代码冲突，这个站是asp做的，那要如何调式js哪里冲突，或是直接另外写一段js。直接操作留言板的显示，
document.getElementById('BaiduBridgePigeon').style.bottom = "10px";
chrome提示Uncaught TypeError: Cannot read property 'style' of null