
jquery.simplemoda我采用的是1.3.5版本。
如果程序用的是jquery.simplemodal-1.3.5.js(非压缩文件),找到第492行,将“height: ch,”删除取可。
如果程序用的是jquery.simplemodal-1.3.5.min.js。直接在程序中搜索“height:ch,”(注意,这里面是没有空格的。),只会搜索到1个相关项,删除即可。
还需要在你的CSS中加入
#confirm-container{width:442px;overflow-y:auto}
众所周知,jQuery选择器选择某一单元时可以使用诸如:jQuery(‘#formID’)来实现。好了现在我们做一个测试,假如现在有一个Form表单,它的ID为“formID”,在这个表单中有input[text]、textarea、input[button],三类元素。
1. 选择所有input[text]元素:
jQuery(‘#formID input[type=text]‘).method…
用jQuery选择所有的input[text]元素,只需要最简单的jQuery选择器即可。这不再解释了。
2. 选择除input[button]外的元素:
第二个选择相对来说要复杂一点点,这里我们可以用jquery的add方法来实现。add方法是追加选择的意思,使用方法与jQuery选择器相同,直接向add方法中添加选择条件即可。
jQuery(‘#formID input[type=text]‘).add(‘#formID textarea’).method…
当然也可以使用jQuery的not方法,not方法与add方法有些不一样的地方,not方法不支持直接选择条件,使用时需要将选择好的Object转递给not。
jQuery(‘#formID input’).add(‘#formID textarea’).not(jQuery(‘#formID input[type=button]‘)).method…
这里还有第三种方法,也用是选择器中加“,”,来追加选择项。
jQuery(‘#formID input[type=text],#formID textarea’).method…
最近单子很多,已经有很久没更新博客了。其中有一个单子涉及到文字滚动,简单的使用marquee标签已经不能满足这个浏览器横行的互联网了。jQuery的出现减少了程序员考虑浏览器兼容性的烦恼。网上有很多jQuery滚动的插件,不过大致的实现大法都是用li标签来实现的,也就是说单纯的jQuery文字滚动基本不能实现。下面我就啰嗦几句我是怎么实现的jQuery文字滚动:
<div id=”outer” style=”position:relative;width:200px;height:200px;border:1px solid #ccc;overflow:hidden;”>
<div class=”inner” style=”position:absolute;top:0;left:0;”>
<div class=”text” style=”padding:5px;”>
<p>这是第一行。</p>
<p>这是第二行。</p>
<p>这是第三行。</p>
<p>这是第四行。</p>
<p>这是第五行。</p>
<p>这是第六行。</p>
<p>写多点才可以看到效果</p>
</div>
</div>
</div>
现在好多大中小Web项目都会用到jQuery。不是因为jQuery是必需的语言,而是因为jQuery使用太简单了。大大的简化了程序代码量,更完美的去兼容了更多的浏览器。
jQuery最重要的一点功能就是选取标签。通常情况下我们都是这么做。
<div id=”demo1″></div>
<div id=”demo2″></div>
当用jQuery要选择demo1标签时,会用到下面代码:jQuery(‘#demo1′);
JavaScript或是说dom中有一个非常有用的事件:onload。从字面的意思来讲:加载时执行的事件。它可应用于多个html标签中,比如:img标签(当图片加载完成后执行此函数),关于img标签应用onload您可以看一下我的这篇日志:图片不超过外边框最大宽度js代码。onload事件最多的应用于body标签(当整个页面加载完成后执行此函数,这里说的页面加载完成不包括页面中的图片加载)。
<script type=”text/javascript”>
function phplamp(text) {
alert(‘测试成功’);
}
</script>
<body onload=”phplamp()”>
2. 但这样的代码看起来很不专业,所以很多人都写成以下这样。这样写不仅美观,而且也较上一种易于管理。
一不小心忘记了怎样使用JavaScript动态选择单选框了,试了很多方法:focus(),select()…都无济于事。最后终于用click()方法搞定。记录在此,以后忘了方便查看。
<input type=”radio” name=”data[Store][type]” class=”radio” id=”storeType1″ value=”1″ /><label for=”storeType1″>全部</label>
<input type=”radio” name=”data[Store][type]” class=”radio” id=”storeType2″ value=”2″ /><label for=”storeType2″>女装</label>
<input type=”radio” name=”data[Store][type]” class=”radio” id=”storeType3″ value=”3″ /><label for=”storeType3″>男装</label>
JavaScript用的jQuery框架。
jQuery(function() {
jQuery(‘.radio[name*=Store][name*=type][value=1]‘).click();
});