小编Ste*_*ven的帖子

为什么我的图像高度不能正确缩放?

所以我正在开发一个图库,图片显示在一个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/

javascript css image-resizing

2
推荐指数
1
解决办法
101
查看次数

在 Firebase 中创建用户给我一个错误

所以我正在学习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

2
推荐指数
1
解决办法
610
查看次数

无法为DropDownList设置SelectedValue

这是来自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)

.net c# asp.net data-binding drop-down-menu

1
推荐指数
1
解决办法
9622
查看次数

MySQL-为什么LAST_INSERT_ID()对我不起作用?

我有以下代码:

  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来做这件事.

php mysql

1
推荐指数
2
解决办法
2万
查看次数

无法返回Geocode latLng

我已经创建了一个返回刻度和经度的函数.
问题是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值?

javascript google-maps latitude-longitude

1
推荐指数
1
解决办法
2691
查看次数

如何在jQuery中创建列表元素?

我尝试了不同的解决方案而没有太大的成功.

我能够在<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>,但我得到了同样的错误.

任何帮助非常感谢.

html jquery

1
推荐指数
1
解决办法
57
查看次数

jQuery自动完成给出TypeError:this._renderItem(...)未定义

我目前.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 jquery-ui-autocomplete

1
推荐指数
1
解决办法
9538
查看次数

动态创建的内容不绑定jQuery事件

我无法将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)

我在这里看了类似的问题,但我没有找到解决我问题的答案.我在这段代码中遗漏了什么?

jquery html5

1
推荐指数
1
解决办法
1207
查看次数

非表元素可以放置在表“根”元素之间吗?

根据W3C Validator,以下 HTML 是有效的:

<table id="searchForm" class="formLabelsLeft" >
  <caption>Search criteria</caption>
  <tbody>...</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

但我想知道,table标签和tbody标签<caption>之间是否允许? 如果是,为什么?这里还可以放置其他元素吗?

html

1
推荐指数
1
解决办法
33
查看次数

为什么我在Yii中收到"非法字符串偏移'名称'"错误?

我是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)

php yii

1
推荐指数
1
解决办法
5082
查看次数