所以我正在开发一个图库,图片显示在一个200x200px的列表项中
#gallery-list-ui li {
display: block;
margin: 10px;
height: 200px;
width: 200px;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
为了使用纵向/横向图像使用整个高度/宽度,我使用javascript来决定是否应将高度或宽度设置为100%.
var portrait = ($img.height() > $img.width() ? true : false);
if(portrait){
$img.css({'width' :'100%', 'height' : 'auto'});
} else {
$img.css({'height' :'100%', 'width' : 'auto'});
}
Run Code Online (Sandbox Code Playgroud)
结果是肖像图像正确缩放
<img src="img.jpg" style="width: 100%; height: auto;">
Run Code Online (Sandbox Code Playgroud)
但是风景图像缩放其原始高度的100%,并且不限于列表框的高度.
<img src="img.jpg" style="height: 100%; width: auto;">
Run Code Online (Sandbox Code Playgroud)
我在这里错过了什么?任何人都可以解释为什么会这样吗?请看我的小提琴:https://jsfiddle.net/smyhbckx/5/
所以我正在学习Savvy Apps教程以学习 Vue.js。本教程将 Firebase 与 Firestore 结合使用。由于 Firestore 处于 Beta 版(如教程所述),因此可能会发生变化 - 我认为这里可能就是这种情况。
无论如何,我正在尝试注册一个新用户。我填写表格并单击“注册”,然后收到此错误消息:
错误:Function CollectionReference.doc() 要求它的第一个参数是字符串类型,但它是:未定义
但是在 Firebase 中,我看到用户已创建。那么为什么我会收到此错误消息?第一个论点是什么?
注册代码如下所示:
signup() {
this.performingRequest = true;
fb.auth.createUserWithEmailAndPassword(this.signupForm.email, this.signupForm.password).then(user => {
this.$store.commit('setCurrentUser', user);
// create user obj
fb.usersCollection.doc(user.uid).set({
name: this.signupForm.name,
title: this.signupForm.title
}).then(() => {
this.$store.dispatch('fetchUserProfile');
this.performingRequest = false;
this.$router.push('/dashboard')
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
},
Run Code Online (Sandbox Code Playgroud)
如果您需要更多代码,请告诉我 - 这是我第一次测试 Vue.js。
javascript firebase vue.js firebase-authentication google-cloud-firestore
这是来自Repeater中的Populating DropDownList的后续工作.
我在转发器中添加了一个下拉列表.现在我需要设置所选的值,但说起来容易做起来难...
这是我的代码:
protected void criteriaScore_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
// This event is raised for the header, the footer, separators, and items.
// Execute the following logic for Items and Alternating Items.
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
DropDownList ddl = (DropDownList)e.Item.FindControl("ddlRating");
DataRowView drw = (DataRowView)e.Item.DataItem;
for (int i = 1; i < 6; i++)
{
ddl.Items.Add(new ListItem(i.ToString(), i.ToString()));
}
ddl.DataBind(); // <- Not sure if this is needed here.
ddl.SelectedValue …Run Code Online (Sandbox Code Playgroud) 我有以下代码:
public function createNewGuide($userID,$guideName)
{
$sql =" INSERT INTO myTable(name, updated)
VALUES ('$guideName', 'NOW()')";
//Process query
$this->query($sql); // This inserts the new row
$this->query('LAST_INSERT_ID()'); // This throws an error
return $this->query_result;
}
Run Code Online (Sandbox Code Playgroud)
我的查询功能如下所示:
private function query($sql)
{
$this->query_result = mysql_query($sql, $this->conn)
or die("Unable to query local database <b>". mysql_error()."</b><br>$sql");
}
Run Code Online (Sandbox Code Playgroud)
我收到以下错误:
MySQL数据库错误:您的SQL语法有错误; 检查与MySQL服务器版本对应的手册,以便在"LAST_INSERT_ID()"附近使用正确的语法
我用谷歌搜索并看了类似的问题,但没有找到答案:(
我没有尝试过PHP函数mysql_insert_id(),因为我真的想用SQL来做这件事.
我已经创建了一个返回刻度和经度的函数.
问题是alert('outside:')之前是触发的geocoder.geocode.
看看这个类似的例子,这个功能应该可行.
function getLatLng(geocoder, adr) {
var latLng = '';
geocoder.geocode({
address: adr}, function(results, status){
if (status == google.maps.GeocoderStatus.OK && results.length) {
latLng = results[0].geometry.location;
alert('inside: ' + latLng); // This works
}
}
);
alert('outside: ' + latLng); // This shows NULL
return latLng;
}
Run Code Online (Sandbox Code Playgroud)
那么我需要做什么才能返回latlng值?
我尝试了不同的解决方案而没有太大的成功.
我能够在<li>我的列表中添加一个,但DOM不会将其识别为列表元素,因此我无法在以后使用jQuery对其进行操作.
这是我尝试过的最后一个代码,但是我收到错误信息:
TypeError:
$('</li>').class不是函数
码:
var data = '<div> some stuff</div>';
var index = "index-" + brand_name[0].toLowerCase();
$("</li>")
.class(index)
.text(data)
.insertAfter($(".brand_list .main-"+index))
.css('display','list-element');
Run Code Online (Sandbox Code Playgroud)
我也试着用<li></li>和<li>,但我得到了同样的错误.
任何帮助非常感谢.
我目前.data( "ui-autocomplete" )._renderItem = function( ul, item )在我的页面中的三个地方使用.现在我需要再添加一个,我已经完成了.
但是这次我得到了错误信息
TypeError:this._renderItem(...)未定义
奇怪的是,如果我的IF测试是假的,我只会得到这个.
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
// If only one row is returned and ID = 0, then return 'no result' message
if(item.id == '0') {
return jQuery( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<div class='no-result'>"+ item.value + "</div>" )
.appendTo( ul );
}
Run Code Online (Sandbox Code Playgroud)
我无法弄清楚为什么它在这里失败了,而不是在其他3个地方.某处有冲突吗?
这是我的代码
jQuery('#my-selector').autocomplete({
minLength: 2,
source: function( request, response ) {
jQuery.ajax({
url: callback_url,
dataType: "json",
data: …Run Code Online (Sandbox Code Playgroud) 我无法将jQuery事件绑定到动态创建的列表项.
它btnRemoveItem是由jQuery开始添加之后不会触发的事件.
$('#btnAddStore').on('click', function(){
(...)
$.ajax({
success: (function(result) {
(...)
var li = jQuery('<li/>', {
'id': object['id']
}).append('<span title="Remove item from list" class="btnRemoveItem"></span>')
.append('<span class="text">' + name_adr[0] + '</span>')
.append('<span class="address">' + name_adr[1] + '</span>');
$(li).appendTo('#'+ country + ' ul');
}
});
});
Run Code Online (Sandbox Code Playgroud)
我在这里看了类似的问题,但我没有找到解决我问题的答案.我在这段代码中遗漏了什么?
根据W3C Validator,以下 HTML 是有效的:
<table id="searchForm" class="formLabelsLeft" >
<caption>Search criteria</caption>
<tbody>...</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
但我想知道,table标签和tbody标签<caption>之间是否允许?
如果是,为什么?这里还可以放置其他元素吗?
我是Yii的新手,我正在尝试插入一些示例数据.
在我的/model/Store.php文件中,我有以下代码:
class Store extends CActiveRecord {
public function rules()
{
return array(
array('name, status', 'required'),
(...)
public function attributeLabels()
{
return array(
'name' => 'Name',
(...)
public function insertSampleData(){
$dataArray = [
"name" => "Test store ", "fk_adr" => "4117",
"name" => "Test store ", "fk_adr" => "4126",
"name" => "Test store ", "fk_adr" => "4140",
"name" => "Test store ", "fk_adr" => "4150",
"name" => "Test store ", "fk_adr" => "4167",
];
$num = Yii::app()->db->getLastInsertID();
foreach($dataArray as $data …Run Code Online (Sandbox Code Playgroud) javascript ×3
jquery ×3
html ×2
php ×2
.net ×1
asp.net ×1
c# ×1
css ×1
data-binding ×1
firebase ×1
google-maps ×1
html5 ×1
mysql ×1
vue.js ×1
yii ×1